#7FB4CC#7FB4CC

#7FB4CC لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.415؛ OKLCH L 74.1% C 0.065 H 227.9°. أفضل لون لنص المتن هو #000000 بتباين 9.30:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7FB4CC
RGBrgb(127, 180, 204)
HSLhsl(199, 43%, 65%)
HSVhsv(199, 38%, 80%)
CMYKcmyk(37.7%, 11.8%, 0%, 20%)
CIE-LABlab(70.53, -11.33, -17.67)
CIE-LCHlch(70.53, 20.99, 237.33°)
OKLaboklab(74.15% -0.0439 -0.0486)
OKLCHoklch(74.15% 0.065 227.9)
XYZxyz(35.9691, 41.5120, 63.2323)
Luminance0.4151 (WCAG relative)
Temperaturecool
Familycyan

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#7FB4CC #CC977F
analogous
#7FCCBD #7FB4CC #7F8ECC
triadic
#7FB4CC #CC7FB4 #B4CC7F
tetradic
#7FB4CC #BD7FCC #CC977F #8ECC7F
square
#7FB4CC #BD7FCC #CC977F #8ECC7F
split-complementary
#7FB4CC #CC7F8E #CCBD7F
monochromatic
#3B7995 #539ABB #7FB4CC #ABCEDD #D7E7EF

إمكانية الوصول والتباين

On white

2.26
#7FB4CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.30
#7FB4CC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #7FB4CC
9.30:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##7FB4CC#FFFFFF#000000##000000
##7FB4CC1.002.269.309.30
#FFFFFF2.261.0021.0021.00
#0000009.3021.001.001.00
##0000009.3021.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#A8B2CD
Deuteranopia (green-blind)
#9CA9CC
Tritanopia (blue-blind)
#63BBBC
Achromatopsia (no color)
#ACACAC

وسوم التصميم والكود

CSS
--color: #7fb4cc;
/* rgb */ color: rgb(127, 180, 204);
/* oklch */ color: oklch(74.1% 0.065 227.9);
Tailwind
colors: {
  custom: {
    50: '#a7cadb',
    500: '#7fb4cc',
    950: '#000000',
  },
}
SCSS
$custom: #7fb4cc;
$custom-light: #a7cadb;
$custom-dark: #000000;
JSON
{
  "hex": "#7fb4cc",
  "rgb": {
    "r": 127,
    "g": 180,
    "b": 204
  },
  "hsl": {
    "h": 198.701,
    "s": 43.017,
    "l": 64.902
  },
  "oklch": {
    "l": 0.74145,
    "c": 0.06546,
    "h": 227.9
  },
  "luminance": 0.41514
}

Semantic roles & 50–950 ramp

primary
#7FB4CC
secondary
#E1CEC6
accent
#592FB6
background
#FAFCFD
surface
#F4F8FB
border
#CED1D4
text
#101315
muted
#7F8283

مختبر المعاينة

معاينة مع #7FB4CC

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#7FB4CC — Tintiva