Nächste benannte Farbe · #005686
#005686
Nächste benannte Farbe: Grand Bleu
#005686 (rgb(0 86 134), hsl(201 100% 26%), oklch(0.435 0.105 243)) liegt am nächsten an der benannten Farbe Grand Bleu. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#005686
oklch(0.435 0.105 243)
Farbumrechnungen
- HEX
- #005686
- RGB
- rgb(0 86 134)
- HSL
- hsl(201 100% 26%)
- HWB
- hwb(201 0% 47%)
- OKLCH
- oklch(0.435 0.105 243)
- OKLab
- oklab(0.435 -0.048 -0.094)
- CIE Lab
- lab(34.22 -7.96 -33.64)
- LCH
- lch(34.22 34.57 256.7)
- CMYK
- cmyk(100% 36% 0% 47%)
Tints · Shades · Tones
Tints
- 286692
- 42779E
- 5A87AB
- 7198B7
- 88A8C3
- 9FB9CF
- B7CADB
- CEDCE7
- E7EDF3
Shades
- 004A74
- 003E62
- 003251
- 002740
- 001C30
- 001221
- 000813
- 000206
- 000001
Tones
- 1A5B86
- 2A5F86
- 376485
- 436885
- 4D6C84
- 587084
- 627483
- 6C7882
- 767C81
Farbharmonien
Komplementär +180°
- 005686
Grand Bleu
- 774300
≈ Dusky Brown
Analog -30° +30°
- 005686
Grand Bleu
- 005C6A
≈ Egyptian Enamel
- 3F4B8B
≈ Jazzy Blue
Triadisch +120° +240°
- 005686
Grand Bleu
- 7F354C
≈ Velvet Rose
- 475A03
≈ Lustrian Undergrowth
Geteilt komplementär +150° +210°
- 005686
Grand Bleu
- 813829
≈ Roycroft Copper Red
- 624F00
≈ Olive Brown
Tetradisch +90° +180° +270°
- 005686
Grand Bleu
- 72386A
≈ Ayame Iris
- 774300
≈ Dusky Brown
- 0F6134
≈ Ficus Elastica
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.84:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.67:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--grand-bleu: #005686;
--grand-bleu-rgb: 0 86 134;
--grand-bleu-oklch: oklch(0.435 0.105 243);
}
.element {
color: var(--grand-bleu);
background-color: hsl(201 100% 26%);
border-color: oklch(0.435 0.105 243);
}Tailwind CSS v4
@theme {
--color-grand-bleu: #005686;
--color-grand-bleu-50: #ddf9ff;
--color-grand-bleu-100: #ccecff;
--color-grand-bleu-200: #afdaff;
--color-grand-bleu-300: #89beea;
--color-grand-bleu-400: #64a6d8;
--color-grand-bleu-500: #3e8dc6;
--color-grand-bleu-600: #3678a7;
--color-grand-bleu-700: #2b6086;
--color-grand-bleu-800: #1b4663;
--color-grand-bleu-900: #123146;
--color-grand-bleu-950: #041d2d;
}SCSS
$grand-bleu: #005686;
$grand-bleu-rgb: 0, 86, 134;
$grand-bleu-light: mix(#fff, $grand-bleu, 20%);
$grand-bleu-dark: mix(#000, $grand-bleu, 20%);
.element {
color: $grand-bleu;
box-shadow: 0 0 0 2px rgba($grand-bleu, 0.35);
}