Benannte Farbe · #0E9CA5
Turkish Boy
Turkish Boy ist #0E9CA5: rgb(14 156 165), hsl(184 84% 35%), oklch(0.632 0.105 202.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Turkish Boy color name →
#0E9CA5
oklch(0.632 0.105 202.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3DA6AE
- 59B0B7
- 70BAC0
- 86C4C8
- 9BCDD1
- AFD7DA
- C3E1E4
- D7EBED
- EBF5F6
Shades
- 0B878F
- 077379
- 055F65
- 034C51
- 02393D
- 01282B
- 00181A
- 00090A
- 000101
Tones
- 2D99A1
- 3E979E
- 4A949A
- 559196
- 5E8F93
- 668C8F
- 6D898B
- 748687
- 7A8384
Farbharmonien
Komplementär +180°
- 0E9CA5
Turkish Boy
- C16F6C
≈ Contessa
Analog -30° +30°
- 0E9CA5
Turkish Boy
- 339E82
≈ Gossamer
- 3A94BE
≈ Galleon Blue
Triadisch +120° +240°
- 0E9CA5
Turkish Boy
- A873AF
≈ Berry Burst
- A98335
≈ Cloisonné Gold
Geteilt komplementär +150° +210°
- 0E9CA5
Turkish Boy
- BA6E90
≈ Pinky Pickle
- BC764A
≈ Monarch Migration
Tetradisch +90° +180° +270°
- 0E9CA5
Turkish Boy
- 8B7DC4
≈ Faraway Sky
- C16F6C
≈ Contessa
- 8B903E
≈ Martina Olive
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.32:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.31:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.31:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
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);
}