Benannte Farbe · #006169
Turkish Aqua
Turkish Aqua ist #006169: rgb(0 97 105), hsl(185 100% 21%), oklch(0.449 0.077 204.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Turkish Aqua color name →
#006169
oklch(0.449 0.077 204.6)
Farbumrechnungen
- HEX
- #006169
- RGB
- rgb(0 97 105)
- HSL
- hsl(185 100% 21%)
- HWB
- hwb(185 0% 59%)
- OKLCH
- oklch(0.449 0.077 204.6)
- OKLab
- oklab(0.449 -0.07 -0.032)
- CIE Lab
- lab(36.79 -22.76 -11.91)
- LCH
- lch(36.79 25.69 207.6)
- CMYK
- cmyk(100% 8% 0% 59%)
Tints · Shades · Tones
Tints
- 2B7077
- 457F85
- 5D8E94
- 749EA2
- 8BADB1
- A1BDC0
- B8CED0
- D0DEDF
- E7EEEF
Shades
- 00535A
- 00464C
- 00393E
- 002D31
- 002124
- 001518
- 000B0C
- 000304
- 000000
Tones
- 1D646B
- 2D686E
- 3A6B70
- 456E72
- 507175
- 5A7477
- 647779
- 6D7A7B
- 777D7E
Farbharmonien
Komplementär +180°
- 006169
Turkish Aqua
- 7A433F
≈ Sweet Spiceberry
Analog -30° +30°
- 006169
Turkish Aqua
- 176352
≈ Philodendron
- 225C79
≈ Nautical Creatures
Triadisch +120° +240°
- 006169
Turkish Aqua
- 6A466D
≈ Sultana
- 69511C
≈ Field Drab
Geteilt komplementär +150° +210°
- 006169
Turkish Aqua
- 764257
≈ Deep Carmine
- 764929
≈ Cape Palliser
Tetradisch +90° +180° +270°
- 006169
Turkish Aqua
- 584C7B
≈ Saffron Crocus
- 7A433F
≈ Sweet Spiceberry
- 545A24
≈ Soldier Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.20:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.91:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--turkish-aqua: #006169;
--turkish-aqua-rgb: 0 97 105;
--turkish-aqua-oklch: oklch(0.449 0.077 204.6);
}
.element {
color: var(--turkish-aqua);
background-color: hsl(185 100% 21%);
border-color: oklch(0.449 0.077 204.6);
}Tailwind CSS v4
@theme {
--color-turkish-aqua: #006169;
--color-turkish-aqua-50: #ddfcff;
--color-turkish-aqua-100: #cbf0f5;
--color-turkish-aqua-200: #afdee5;
--color-turkish-aqua-300: #88c3cb;
--color-turkish-aqua-400: #64acb4;
--color-turkish-aqua-500: #3c959e;
--color-turkish-aqua-600: #357e86;
--color-turkish-aqua-700: #2a656b;
--color-turkish-aqua-800: #1c4a4e;
--color-turkish-aqua-900: #133336;
--color-turkish-aqua-950: #041f21;
}SCSS
$turkish-aqua: #006169;
$turkish-aqua-rgb: 0, 97, 105;
$turkish-aqua-light: mix(#fff, $turkish-aqua, 20%);
$turkish-aqua-dark: mix(#000, $turkish-aqua, 20%);
.element {
color: $turkish-aqua;
box-shadow: 0 0 0 2px rgba($turkish-aqua, 0.35);
}