#5FD4DF#5FD4DF

#5FD4DF لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.548؛ OKLCH L 80.7% C 0.106 H 203.7°. أفضل لون لنص المتن هو #000000 بتباين 11.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5FD4DF
RGBrgb(95, 212, 223)
HSLhsl(185, 67%, 62%)
HSVhsv(185, 57%, 87%)
CMYKcmyk(57.4%, 4.9%, 0%, 12.5%)
CIE-LABlab(78.95, -29.72, -15.39)
CIE-LCHlch(78.95, 33.47, 207.38°)
OKLaboklab(80.72% -0.0969 -0.0426)
OKLCHoklch(80.72% 0.106 203.7)
XYZxyz(41.5765, 54.8434, 78.1925)
Luminance0.5485 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5FD4DF #DF6A5F
analogous
#5FDFAA #5FD4DF #5F94DF
triadic
#5FD4DF #DF5FD4 #D4DF5F
tetradic
#5FD4DF #AA5FDF #DF6A5F #94DF5F
square
#5FD4DF #AA5FDF #DF6A5F #94DF5F
split-complementary
#5FD4DF #DF5F94 #DFAA5F
monochromatic
#2198A3 #2CC6D5 #5FD4DF #92E2E9 #C5EFF3

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

On white

1.75
#5FD4DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.97
#5FD4DF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5FD4DF
11.97:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5FD4DF#FFFFFF#000000##000000
##5FD4DF1.001.7511.9711.97
#FFFFFF1.751.0021.0021.00
#00000011.9721.001.001.00
##00000011.9721.001.001.00

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

Protanopia (red-blind)
#C5CCE0
Deuteranopia (green-blind)
#B1BDE0
Tritanopia (blue-blind)
#00DCD7
Achromatopsia (no color)
#C3C3C3

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

CSS
--color: #5fd4df;
/* rgb */ color: rgb(95, 212, 223);
/* oklch */ color: oklch(80.7% 0.106 203.7);
Tailwind
colors: {
  custom: {
    50: '#98e1e9',
    500: '#5fd4df',
    950: '#000000',
  },
}
SCSS
$custom: #5fd4df;
$custom-light: #98e1e9;
$custom-dark: #000000;
JSON
{
  "hex": "#5fd4df",
  "rgb": {
    "r": 95,
    "g": 212,
    "b": 223
  },
  "hsl": {
    "h": 185.156,
    "s": 66.667,
    "l": 62.353
  },
  "oklch": {
    "l": 0.80719,
    "c": 0.10589,
    "h": 203.7
  },
  "luminance": 0.54848
}

Semantic roles & 50–950 ramp

primary
#5FD4DF
secondary
#A6453C
accent
#2717CF
background
#FCFEFE
surface
#F5FCFC
border
#CFD5D5
text
#0F1516
muted
#808484

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

معاينة مع #5FD4DF

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

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

#5FD4DF — Tintiva