أقرب لون مسمّى · #47BFC5
#47BFC5
أقرب لون مسمّى: Sea Serpent
#47BFC5 (rgb(71 191 197)، hsl(183 52% 53%)، oklch(0.741 0.105 199.8)) أقرب إلى اللون المسمّى Sea Serpent. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#47BFC5
oklch(0.741 0.105 199.8)
تحويلات الألوان
- HEX
- #47bfc5
- RGB
- rgb(71 191 197)
- HSL
- hsl(183 52% 53%)
- HWB
- hwb(183 28% 23%)
- OKLCH
- oklch(0.741 0.105 199.8)
- OKLab
- oklab(0.741 -0.099 -0.036)
- CIE Lab
- lab(70.96 -33.06 -13.49)
- LCH
- lch(70.96 35.7 202.2)
- CMYK
- cmyk(64% 3% 0% 23%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 60C6CB
- 75CCD1
- 89D3D6
- 9BD9DC
- ACDFE2
- BDE6E8
- CEECED
- DFF2F3
- EFF9F9
درجات داكنة
- 3DA6AB
- 328D92
- 287579
- 1F5E61
- 16484B
- 0D3335
- 061F21
- 020D0E
- 000202
درجات رمادية
- 52B9BE
- 5BB2B7
- 63ACB0
- 69A6A9
- 6EA0A2
- 73999B
- 779394
- 7A8D8D
- 7D8687
تناسق الألوان
متمم +180°
- 47BFC5
Sea Serpent
- E69090
≈ Fresh Pink
متجاور -30° +30°
- 47BFC5
Sea Serpent
- 5EC1A1
≈ Peppermint Fresh
- 5CB7E1
≈ Sea Frolic
ثلاثي +120° +240°
- 47BFC5
Sea Serpent
- C995D5
≈ Somewhere in a Fairytale
- CEA359
≈ Excitable
متمم منقسم +150° +210°
- 47BFC5
Sea Serpent
- DD8FB5
≈ Tempting Pink
- E1976E
≈ Baked Salmon
رباعي +90° +180° +270°
- 47BFC5
Sea Serpent
- AAA0E9
≈ Dull Lavender
- E69090
≈ Fresh Pink
- AFB15F
≈ Palm
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.20:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.52:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sea-serpent: #47bfc5;
--sea-serpent-rgb: 71 191 197;
--sea-serpent-oklch: oklch(0.741 0.105 199.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(183 52% 53%);
border-color: oklch(0.741 0.105 199.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #47bfc5;
--color-sea-serpent-50: #d3ffff;
--color-sea-serpent-100: #c0f3f7;
--color-sea-serpent-200: #9ee2e7;
--color-sea-serpent-300: #71c8ce;
--color-sea-serpent-400: #40b1b7;
--color-sea-serpent-500: #009aa1;
--color-sea-serpent-600: #008388;
--color-sea-serpent-700: #00696d;
--color-sea-serpent-800: #004d4f;
--color-sea-serpent-900: #003637;
--color-sea-serpent-950: #002122;
}SCSS
$sea-serpent: #47bfc5;
$sea-serpent-rgb: 71, 191, 197;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}