#1FB3BD#1FB3BD
#1FB3BD لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.362؛ OKLCH L 70.0% C 0.114 H 202.3°. أفضل لون لنص المتن هو #000000 بتباين 8.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1FB3BD |
|---|---|
| RGB | rgb(31, 179, 189) |
| HSL | hsl(184, 72%, 43%) |
| HSV | hsv(184, 84%, 74%) |
| CMYK | cmyk(83.6%, 5.3%, 0%, 25.9%) |
| CIE-LAB | lab(66.67, -32.34, -15.53) |
| CIE-LCH | lch(66.67, 35.87, 205.66°) |
| OKLab | oklab(70.04% -0.1056 -0.0432) |
| OKLCH | oklch(70.04% 0.114 202.3) |
| XYZ | xyz(25.8663, 36.2023, 53.7587) |
| Luminance | 0.3621 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Turquoise Blue
#06B1C4
ΔE00 3.13
Lightseagreen
#20B2AA
ΔE00 6.73
Darkturquoise
#00CED1
ΔE00 7.58
Cadetblue
#5F9EA0
ΔE00 8.24
Topaz
#13BBAF
ΔE00 8.36
Mediumturquoise
#48D1CC
ΔE00 9.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1FB3BD #BD291F
analogous
#1FBD78 #1FB3BD #1F64BD
triadic
#1FB3BD #BD1FB3 #B3BD1F
tetradic
#1FB3BD #781FBD #BD291F #64BD1F
square
#1FB3BD #781FBD #BD291F #64BD1F
split-complementary
#1FB3BD #BD1F64 #BD781F
monochromatic
#0E4F54 #168188 #1FB3BD #3AD4DF #6FE0E7
إمكانية الوصول والتباين
On white
2.55
#1FB3BD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.24
#1FB3BD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #1FB3BD
8.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1FB3BD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##1FB3BD | 1.00 | 2.55 | 8.24 | 8.24 |
| #FFFFFF | 2.55 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A4ABBE
Deuteranopia (green-blind)
#909CBE
Tritanopia (blue-blind)
#00BAB6
Achromatopsia (no color)
#A2A2A2
وسوم التصميم والكود
CSS
--color: #1fb3bd; /* rgb */ color: rgb(31, 179, 189); /* oklch */ color: oklch(70.0% 0.114 202.3);
Tailwind
colors: {
custom: {
50: '#7bcad0',
500: '#1fb3bd',
950: '#000000',
},
}SCSS
$custom: #1fb3bd; $custom-light: #7bcad0; $custom-dark: #000000;
JSON
{
"hex": "#1fb3bd",
"rgb": {
"r": 31,
"g": 179,
"b": 189
},
"hsl": {
"h": 183.797,
"s": 71.818,
"l": 43.137
},
"oklch": {
"l": 0.70036,
"c": 0.11409,
"h": 202.3
},
"luminance": 0.36206
}Semantic roles & 50–950 ramp
primary
#1FB3BD
secondary
#CE706A
accent
#4539EF
background
#F8FCFC
surface
#EFF8F9
border
#CAD1D2
text
#0B1314
muted
#7C8282