Benannte Farbe · #194F90
Turkish Sea
Turkish Sea ist #194F90: rgb(25 79 144), hsl(213 70% 33%), oklch(0.429 0.121 255.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Turkish Sea color name →
#194F90
oklch(0.429 0.121 255.5)
Farbumrechnungen
- HEX
- #194f90
- RGB
- rgb(25 79 144)
- HSL
- hsl(213 70% 33%)
- HWB
- hwb(213 10% 44%)
- OKLCH
- oklch(0.429 0.121 255.5)
- OKLab
- oklab(0.429 -0.03 -0.117)
- CIE Lab
- lab(32.95 1.75 -41.73)
- LCH
- lch(32.95 41.76 272.4)
- CMYK
- cmyk(83% 45% 0% 44%)
Tints · Shades · Tones
Tints
- 32609C
- 4871A7
- 5E82B3
- 7494BE
- 8AA5C9
- A1B7D4
- B8C9DF
- CFDBEA
- E7EDF4
Shades
- 14447D
- 10386A
- 0B2E57
- 072345
- 041934
- 021024
- 010715
- 000207
- 000001
Tones
- 26558F
- 315A8E
- 3C5F8D
- 46648B
- 50698A
- 5A6E88
- 637387
- 6D7785
- 767C82
Farbharmonien
Komplementär +180°
- 194F90
Turkish Sea
- 6C4700
≈ Antique Bronze
Analog -30° +30°
- 194F90
Turkish Sea
- 005871
≈ Subaqueous
- 4B428E
≈ Spectrum Blue
Triadisch +120° +240°
- 194F90
Turkish Sea
- 852C39
≈ Shiraz
- 2E5D09
≈ Bright Nori
Geteilt komplementär +150° +210°
- 194F90
Turkish Sea
- 833401
≈ Coffee Addiction
- 575200
≈ Douro
Tetradisch +90° +180° +270°
- 194F90
Turkish Sea
- 7C2F5E
≈ Possessed Plum
- 6C4700
≈ Antique Bronze
- 005F44
≈ Sci-Fi Takeout
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.19:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--turkish-sea: #194f90;
--turkish-sea-rgb: 25 79 144;
--turkish-sea-oklch: oklch(0.429 0.121 255.5);
}
.element {
color: var(--turkish-sea);
background-color: hsl(213 70% 33%);
border-color: oklch(0.429 0.121 255.5);
}Tailwind CSS v4
@theme {
--color-turkish-sea: #194f90;
--color-turkish-sea-50: #e0f7ff;
--color-turkish-sea-100: #cfeaff;
--color-turkish-sea-200: #b4d7ff;
--color-turkish-sea-300: #90baf5;
--color-turkish-sea-400: #6da1e5;
--color-turkish-sea-500: #4b87d4;
--color-turkish-sea-600: #4173b3;
--color-turkish-sea-700: #335c90;
--color-turkish-sea-800: #22446b;
--color-turkish-sea-900: #162f4b;
--color-turkish-sea-950: #071b32;
}SCSS
$turkish-sea: #194f90;
$turkish-sea-rgb: 25, 79, 144;
$turkish-sea-light: mix(#fff, $turkish-sea, 20%);
$turkish-sea-dark: mix(#000, $turkish-sea, 20%);
.element {
color: $turkish-sea;
box-shadow: 0 0 0 2px rgba($turkish-sea, 0.35);
}