Benoemde kleur · #4C4E5D
Odyssey Grey
Odyssey Grey is #4C4E5D: rgb(76 78 93), hsl(233 10% 33%), oklch(0.428 0.025 279.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Odyssey Grey color name →
#4C4E5D
oklch(0.428 0.025 279.3)
Kleurconversies
- HEX
- #4c4e5d
- RGB
- rgb(76 78 93)
- HSL
- hsl(233 10% 33%)
- HWB
- hwb(233 30% 64%)
- OKLCH
- oklch(0.428 0.025 279.3)
- OKLab
- oklab(0.428 0.004 -0.025)
- CIE Lab
- lab(33.42 1.84 -9.12)
- LCH
- lch(33.42 9.3 281.4)
- CMYK
- cmyk(18% 16% 0% 64%)
Tinten · Schaduwen · Tonen
Tinten
- 5C5E6C
- 6D6E7B
- 7E7F8B
- 8F909A
- A1A2AB
- B3B4BB
- C5C6CC
- D8D9DD
- ECECEE
Schaduwen
- 414350
- 363843
- 2C2D37
- 22232A
- 18191F
- 0F0F14
- 06070A
- 020203
- 000000
Tonen
- 515360
- 565864
- 5B5D67
- 60626B
- 65676E
- 6B6C72
- 707175
- 757679
- 7B7B7C
Kleurharmonieën
Complementair +180°
- 4C4E5D
Odyssey Grey
- 525040
≈ Forest Floor
Analoog -30° +30°
- 4C4E5D
Odyssey Grey
- 45515D
≈ Royal Navy
- 534C5A
≈ Mulled Wine
Triadisch +120° +240°
- 4C4E5D
Odyssey Grey
- 5C4B45
≈ Chateau Brown
- 44544A
≈ Moss Cottage
Gesplitst complementair +150° +210°
- 4C4E5D
Odyssey Grey
- 584D41
≈ Rock
- 4B5244
≈ Forestwood
Tetradisch +90° +180° +270°
- 4C4E5D
Odyssey Grey
- 5C4A4C
≈ Deep Aubergine
- 525040
≈ Forest Floor
- 405452
≈ Sycamore Tree
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.21:1 · APCA Lc 88
Ag
FailOp zwart
WCAG 2.55:1 · APCA Lc 14
Beste tekstkleur: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--odyssey-grey: #4c4e5d;
--odyssey-grey-rgb: 76 78 93;
--odyssey-grey-oklch: oklch(0.428 0.025 279.3);
}
.element {
color: var(--odyssey-grey);
background-color: hsl(233 10% 33%);
border-color: oklch(0.428 0.025 279.3);
}Tailwind CSS v4
@theme {
--color-odyssey-grey: #4c4e5d;
--color-odyssey-grey-50: #f4f4fc;
--color-odyssey-grey-100: #e6e7f0;
--color-odyssey-grey-200: #d2d3df;
--color-odyssey-grey-300: #b5b6c4;
--color-odyssey-grey-400: #9b9dad;
--color-odyssey-grey-500: #828597;
--color-odyssey-grey-600: #6e7080;
--color-odyssey-grey-700: #585a66;
--color-odyssey-grey-800: #40424b;
--color-odyssey-grey-900: #2c2d34;
--color-odyssey-grey-950: #191a20;
}SCSS
$odyssey-grey: #4c4e5d;
$odyssey-grey-rgb: 76, 78, 93;
$odyssey-grey-light: mix(#fff, $odyssey-grey, 20%);
$odyssey-grey-dark: mix(#000, $odyssey-grey, 20%);
.element {
color: $odyssey-grey;
box-shadow: 0 0 0 2px rgba($odyssey-grey, 0.35);
}