Nächste benannte Farbe · #204A8F
#204A8F
Nächste benannte Farbe: Nuit Blanche
#204A8F (rgb(32 74 143), hsl(217 63% 34%), oklch(0.419 0.124 259.9)) liegt am nächsten an der benannten Farbe Nuit Blanche. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#204A8F
oklch(0.419 0.124 259.9)
Farbumrechnungen
- HEX
- #204a8f
- RGB
- rgb(32 74 143)
- HSL
- hsl(217 63% 34%)
- HWB
- hwb(217 13% 44%)
- OKLCH
- oklch(0.419 0.124 259.9)
- OKLab
- oklab(0.419 -0.022 -0.122)
- CIE Lab
- lab(31.57 5.48 -43.31)
- LCH
- lch(31.57 43.65 277.2)
- CMYK
- cmyk(78% 48% 0% 44%)
Tints · Shades · Tones
Tints
- 355C9B
- 4A6DA6
- 607FB2
- 7591BD
- 8BA3C9
- A1B5D4
- B8C7DF
- CFD9EA
- E7ECF4
Shades
- 1A3F7C
- 153569
- 0F2A57
- 0A2045
- 061734
- 030E24
- 010615
- 000207
- 000001
Tones
- 2B508E
- 34568D
- 3E5C8C
- 48618B
- 51678A
- 5A6C88
- 647186
- 6D7685
- 777B82
Farbharmonien
Komplementär +180°
- 204A8F
Nuit Blanche
- 654600
≈ Notorious Neanderthal
Analog -30° +30°
- 204A8F
Nuit Blanche
- 005571
≈ Night Kite
- 4E3D8A
≈ Blue Gem
Triadisch +120° +240°
- 204A8F
Nuit Blanche
- 832930
≈ Shiraz
- 205C0E
≈ Lincoln Green
Geteilt komplementär +150° +210°
- 204A8F
Nuit Blanche
- 7B3600
≈ Red Beech
- 505100
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 204A8F
Nuit Blanche
- 7B2A56
≈ Pico Eggplant
- 654600
≈ Notorious Neanderthal
- 005B46
≈ Forest Shadows
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.61:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.43:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.61:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--nuit-blanche: #204a8f;
--nuit-blanche-rgb: 32 74 143;
--nuit-blanche-oklch: oklch(0.419 0.124 259.9);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(217 63% 34%);
border-color: oklch(0.419 0.124 259.9);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #204a8f;
--color-nuit-blanche-50: #e2f6ff;
--color-nuit-blanche-100: #d2e9ff;
--color-nuit-blanche-200: #b7d5ff;
--color-nuit-blanche-300: #95b8f7;
--color-nuit-blanche-400: #729fe7;
--color-nuit-blanche-500: #5385d7;
--color-nuit-blanche-600: #4771b6;
--color-nuit-blanche-700: #385a92;
--color-nuit-blanche-800: #26426d;
--color-nuit-blanche-900: #192e4c;
--color-nuit-blanche-950: #0a1a33;
}SCSS
$nuit-blanche: #204a8f;
$nuit-blanche-rgb: 32, 74, 143;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}