#8DCCE3#8DCCE3

#8DCCE3 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.544؛ OKLCH L 81.1% C 0.072 H 222.8°. أفضل لون لنص المتن هو #000000 بتباين 11.88:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#8DCCE3
RGB	rgb(141, 204, 227)
HSL	hsl(196, 61%, 72%)
HSV	hsv(196, 38%, 89%)
CMYK	cmyk(37.9%, 10.1%, 0%, 11%)
CIE-LAB	lab(78.69, -14.34, -17.75)
CIE-LCH	lch(78.69, 22.81, 231.06°)
OKLab	oklab(81.06% -0.0527 -0.0487)
OKLCH	oklch(81.06% 0.072 222.8)
XYZ	xyz(46.4378, 54.3916, 80.7098)
Luminance	0.5440 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#8DCCE3 #E3A48D

analogous

#8DE3CF #8DCCE3 #8DA1E3

triadic

#8DCCE3 #E38DCC #CCE38D

tetradic

#8DCCE3 #CF8DE3 #E3A48D #A1E38D

square

#8DCCE3 #CF8DE3 #E3A48D #A1E38D

split-complementary

#8DCCE3 #E38DA1 #E3CF8D

monochromatic

#309DC5 #5CB6D7 #8DCCE3 #BEE2EF #E6F4F9

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

On white

1.77

#8DCCE3 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.88

#8DCCE3 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #8DCCE3

11.88:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##8DCCE3	#FFFFFF	#000000	##000000
##8DCCE3	1.00	1.77	11.88	11.88
#FFFFFF	1.77	1.00	21.00	21.00
#000000	11.88	21.00	1.00	1.00
##000000	11.88	21.00	1.00	1.00

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

Protanopia (red-blind)

#BFC9E4

Deuteranopia (green-blind)

#B1BEE3

Tritanopia (blue-blind)

#6CD3D3

Achromatopsia (no color)

#C3C3C3

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

CSS

--color: #8dcce3;
/* rgb */ color: rgb(141, 204, 227);
/* oklch */ color: oklch(81.1% 0.072 222.8);

Tailwind

colors: {
  custom: {
    50: '#b1dbeb',
    500: '#8dcce3',
    950: '#000000',
  },
}

SCSS

$custom: #8dcce3;
$custom-light: #b1dbeb;
$custom-dark: #000000;

JSON

{
  "hex": "#8dcce3",
  "rgb": {
    "r": 141,
    "g": 204,
    "b": 227
  },
  "hsl": {
    "h": 196.047,
    "s": 60.563,
    "l": 72.157
  },
  "oklch": {
    "l": 0.81063,
    "c": 0.07176,
    "h": 222.8
  },
  "luminance": 0.54395
}

Semantic roles & 50–950 ramp

primary

#8DCCE3

secondary

#BC7359

accent

#4B1DC8

background

#FDFEFE

surface

#F8FBFD

border

#D1D4D5

text

#111516

muted

#818484

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

معاينة مع #8DCCE3

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

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