Dichtstbijzijnde benoemde kleur · #417CA1
#417CA1
Dichtstbijzijnde benoemde kleur: Zenith
#417CA1 (rgb(65 124 161), hsl(203 42% 44%), oklch(0.562 0.084 238.3)) komt het dichtst bij de benoemde kleur Zenith. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#417CA1
oklch(0.562 0.084 238.3)
Kleurconversies
- HEX
- #417ca1
- RGB
- rgb(65 124 161)
- HSL
- hsl(203 42% 44%)
- HWB
- hwb(203 25% 37%)
- OKLCH
- oklch(0.562 0.084 238.3)
- OKLab
- oklab(0.562 -0.044 -0.072)
- CIE Lab
- lab(49.24 -11.29 -26.16)
- LCH
- lch(49.24 28.49 246.7)
- CMYK
- cmyk(60% 23% 0% 37%)
Tinten · Schaduwen · Tonen
Tinten
- 5589AA
- 6895B4
- 7AA2BD
- 8DAFC7
- A0BCD0
- B2C9D9
- C5D7E3
- D8E4EC
- ECF1F6
Schaduwen
- 376B8B
- 2E5A76
- 254A62
- 1C3B4E
- 132C3C
- 0B1E2A
- 051119
- 010509
- 000101
Tonen
- 497D9E
- 507D9B
- 577E98
- 5D7E94
- 647F91
- 6A7F8E
- 6F7F8A
- 758087
- 7B8084
Kleurharmonieën
Complementair +180°
- 417CA1
Zenith
- 9A6841
≈ Frappé au Chocolat
Analoog -30° +30°
- 417CA1
Zenith
- 28838F
≈ Sea Bed
- 6073A7
≈ King’s Robe
Triadisch +120° +240°
- 417CA1
Zenith
- 9D6075
≈ Tropical Hibiscus
- 707C40
≈ Hot Dog Relish
Gesplitst complementair +150° +210°
- 417CA1
Zenith
- A16159
≈ Savannah Red
- 8A7236
≈ Marshy Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.54:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.62:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--zenith: #417ca1;
--zenith-rgb: 65 124 161;
--zenith-oklch: oklch(0.562 0.084 238.3);
}
.element {
color: var(--zenith);
background-color: hsl(203 42% 44%);
border-color: oklch(0.562 0.084 238.3);
}Tailwind CSS v4
@theme {
--color-zenith: #417ca1;
--color-zenith-50: #e0f9ff;
--color-zenith-100: #d0ecff;
--color-zenith-200: #b5daf5;
--color-zenith-300: #90bedf;
--color-zenith-400: #6ea6cb;
--color-zenith-500: #4b8eb8;
--color-zenith-600: #41789b;
--color-zenith-700: #34607c;
--color-zenith-800: #23475c;
--color-zenith-900: #173140;
--color-zenith-950: #081d29;
}SCSS
$zenith: #417ca1;
$zenith-rgb: 65, 124, 161;
$zenith-light: mix(#fff, $zenith, 20%);
$zenith-dark: mix(#000, $zenith, 20%);
.element {
color: $zenith;
box-shadow: 0 0 0 2px rgba($zenith, 0.35);
}