Adlandırılmış renk · #0E9CA5
Turkish Boy
Turkish Boy, #0E9CA5: rgb(14 156 165), hsl(184 84% 35%), oklch(0.632 0.105 202.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Turkish Boy color name →
#0E9CA5
oklch(0.632 0.105 202.2)
Renk dönüşümleri
- HEX
- #0e9ca5
- RGB
- rgb(14 156 165)
- HSL
- hsl(184 84% 35%)
- HWB
- hwb(184 5% 35%)
- OKLCH
- oklch(0.632 0.105 202.2)
- OKLab
- oklab(0.632 -0.098 -0.04)
- CIE Lab
- lab(58.24 -32.24 -14.91)
- LCH
- lch(58.24 35.52 204.8)
- CMYK
- cmyk(92% 5% 0% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3DA6AE
- 59B0B7
- 70BAC0
- 86C4C8
- 9BCDD1
- AFD7DA
- C3E1E4
- D7EBED
- EBF5F6
Koyu tonlar
- 0B878F
- 077379
- 055F65
- 034C51
- 02393D
- 01282B
- 00181A
- 00090A
- 000101
Gri tonlar
- 2D99A1
- 3E979E
- 4A949A
- 559196
- 5E8F93
- 668C8F
- 6D898B
- 748687
- 7A8384
Renk uyumları
Tamamlayıcı +180°
- 0E9CA5
Turkish Boy
- C16F6C
≈ Contessa
Analog -30° +30°
- 0E9CA5
Turkish Boy
- 339E82
≈ Gossamer
- 3A94BE
≈ Galleon Blue
Üçlü +120° +240°
- 0E9CA5
Turkish Boy
- A873AF
≈ Berry Burst
- A98335
≈ Cloisonné Gold
Bölünmüş tamamlayıcı +150° +210°
- 0E9CA5
Turkish Boy
- BA6E90
≈ Pinky Pickle
- BC764A
≈ Monarch Migration
Dörtlü +90° +180° +270°
- 0E9CA5
Turkish Boy
- 8B7DC4
≈ Faraway Sky
- C16F6C
≈ Contessa
- 8B903E
≈ Martina Olive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.32:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.31:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.31:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--turkish-boy: #0e9ca5;
--turkish-boy-rgb: 14 156 165;
--turkish-boy-oklch: oklch(0.632 0.105 202.2);
}
.element {
color: var(--turkish-boy);
background-color: hsl(184 84% 35%);
border-color: oklch(0.632 0.105 202.2);
}Tailwind CSS v4
@theme {
--color-turkish-boy: #0e9ca5;
--color-turkish-boy-50: #d3ffff;
--color-turkish-boy-100: #bff3f8;
--color-turkish-boy-200: #9ee2e9;
--color-turkish-boy-300: #71c7d0;
--color-turkish-boy-400: #40b1b9;
--color-turkish-boy-500: #009aa4;
--color-turkish-boy-600: #00828b;
--color-turkish-boy-700: #00686f;
--color-turkish-boy-800: #004d51;
--color-turkish-boy-900: #003538;
--color-turkish-boy-950: #002023;
}SCSS
$turkish-boy: #0e9ca5;
$turkish-boy-rgb: 14, 156, 165;
$turkish-boy-light: mix(#fff, $turkish-boy, 20%);
$turkish-boy-dark: mix(#000, $turkish-boy, 20%);
.element {
color: $turkish-boy;
box-shadow: 0 0 0 2px rgba($turkish-boy, 0.35);
}