Dichtstbijzijnde benoemde kleur · #55607A
#55607A
Dichtstbijzijnde benoemde kleur: Admiral Blue
#55607A (rgb(85 96 122), hsl(222 18% 41%), oklch(0.49 0.044 266.9)) komt het dichtst bij de benoemde kleur Admiral Blue. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#55607A
oklch(0.49 0.044 266.9)
Kleurconversies
- HEX
- #55607a
- RGB
- rgb(85 96 122)
- HSL
- hsl(222 18% 41%)
- HWB
- hwb(222 33% 52%)
- OKLCH
- oklch(0.49 0.044 266.9)
- OKLab
- oklab(0.49 -0.002 -0.044)
- CIE Lab
- lab(40.55 0.57 -16.2)
- LCH
- lch(40.55 16.21 272)
- CMYK
- cmyk(30% 21% 0% 52%)
Tinten · Schaduwen · Tonen
Tinten
- 646F87
- 747E93
- 848DA0
- 959CAE
- A6ACBB
- B7BCC8
- C9CDD6
- DBDDE3
- EDEEF1
Schaduwen
- 495269
- 3D4559
- 313849
- 262C3A
- 1C202B
- 11151D
- 080A10
- 020305
- 000001
Tonen
- 59637B
- 5D667B
- 626A7C
- 666D7D
- 6A707D
- 6E737E
- 73767F
- 777A7F
- 7C7D80
Kleurharmonieën
Complementair +180°
- 55607A
Admiral Blue
- 6B5F43
≈ Ochicha Latte
Analoog -30° +30°
- 55607A
Admiral Blue
- 486476
≈ Winter Evening
- 635B77
≈ Plummy
Triadisch +120° +240°
- 55607A
Admiral Blue
- 785753
≈ Sequoia Dusk
- 506752
≈ Equestrian Green
Gesplitst complementair +150° +210°
- 55607A
Admiral Blue
- 745A48
≈ Old Porch
- 5E6447
≈ Fjord
Tetradisch +90° +180° +270°
- 55607A
Admiral Blue
- 755661
≈ Exotic Eggplant
- 6B5F43
≈ Ochicha Latte
- 456960
≈ Smoke Pine
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.28:1 · APCA Lc 81
Ag
FailOp zwart
WCAG 3.34:1 · APCA Lc 21
Beste tekstkleur: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Codefragmenten
CSS
:root {
--admiral-blue: #55607a;
--admiral-blue-rgb: 85 96 122;
--admiral-blue-oklch: oklch(0.49 0.044 266.9);
}
.element {
color: var(--admiral-blue);
background-color: hsl(222 18% 41%);
border-color: oklch(0.49 0.044 266.9);
}Tailwind CSS v4
@theme {
--color-admiral-blue: #55607a;
--color-admiral-blue-50: #f0f5ff;
--color-admiral-blue-100: #e2e8f7;
--color-admiral-blue-200: #ccd4e8;
--color-admiral-blue-300: #aeb7cf;
--color-admiral-blue-400: #939eb9;
--color-admiral-blue-500: #7986a4;
--color-admiral-blue-600: #66718b;
--color-admiral-blue-700: #525b6f;
--color-admiral-blue-800: #3b4252;
--color-admiral-blue-900: #282e39;
--color-admiral-blue-950: #161b23;
}SCSS
$admiral-blue: #55607a;
$admiral-blue-rgb: 85, 96, 122;
$admiral-blue-light: mix(#fff, $admiral-blue, 20%);
$admiral-blue-dark: mix(#000, $admiral-blue, 20%);
.element {
color: $admiral-blue;
box-shadow: 0 0 0 2px rgba($admiral-blue, 0.35);
}