Najbliższy nazwany kolor · #005686
#005686
Najbliższy nazwany kolor: Grand Bleu
#005686 (rgb(0 86 134), hsl(201 100% 26%), oklch(0.435 0.105 243)) jest najbliższy nazwanemu kolorowi Grand Bleu. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#005686
oklch(0.435 0.105 243)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 286692
- 42779E
- 5A87AB
- 7198B7
- 88A8C3
- 9FB9CF
- B7CADB
- CEDCE7
- E7EDF3
Odcienie ciemniejsze
- 004A74
- 003E62
- 003251
- 002740
- 001C30
- 001221
- 000813
- 000206
- 000001
Tony
- 1A5B86
- 2A5F86
- 376485
- 436885
- 4D6C84
- 587084
- 627483
- 6C7882
- 767C81
Harmonie kolorów
Komplementarna +180°
- 005686
Grand Bleu
- 774300
≈ Dusky Brown
Analogowa -30° +30°
- 005686
Grand Bleu
- 005C6A
≈ Egyptian Enamel
- 3F4B8B
≈ Jazzy Blue
Triada +120° +240°
- 005686
Grand Bleu
- 7F354C
≈ Velvet Rose
- 475A03
≈ Lustrian Undergrowth
Komplementarna rozszczepiona +150° +210°
- 005686
Grand Bleu
- 813829
≈ Roycroft Copper Red
- 624F00
≈ Olive Brown
Tetrada +90° +180° +270°
- 005686
Grand Bleu
- 72386A
≈ Ayame Iris
- 774300
≈ Dusky Brown
- 0F6134
≈ Ficus Elastica
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.84:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.67:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}