Dichtstbijzijnde benoemde kleur · #495F89
#495F89
Dichtstbijzijnde benoemde kleur: Wizard
#495F89 (rgb(73 95 137), hsl(219 30% 41%), oklch(0.486 0.073 262.8)) komt het dichtst bij de benoemde kleur Wizard. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#495F89
oklch(0.486 0.073 262.8)
Kleurconversies
- HEX
- #495f89
- RGB
- rgb(73 95 137)
- HSL
- hsl(219 30% 41%)
- HWB
- hwb(219 29% 46%)
- OKLCH
- oklch(0.486 0.073 262.8)
- OKLab
- oklab(0.486 -0.009 -0.073)
- CIE Lab
- lab(39.92 0.66 -26.32)
- LCH
- lch(39.92 26.33 271.4)
- CMYK
- cmyk(47% 31% 0% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 5A6E95
- 6A7DA0
- 7C8DAC
- 8E9CB8
- A0ACC4
- B2BCCF
- C5CDDB
- D8DDE7
- EBEEF3
Schaduwen
- 3E5276
- 344464
- 2A3853
- 202C42
- 172031
- 0E1522
- 060A14
- 020307
- 000001
Tonen
- 4E6288
- 546688
- 596987
- 5F6D86
- 647085
- 6A7384
- 6F7683
- 757A82
- 7A7D81
Kleurharmonieën
Complementair +180°
- 495F89
Wizard
- 745B2B
≈ Moss Brown
Analoog -30° +30°
- 495F89
Wizard
- 2F6682
≈ Byron Place
- 615785
≈ Vigorous Violet
Triadisch +120° +240°
- 495F89
Wizard
- 844E4C
≈ Cherokee Red
- 466A43
≈ Jungle Adventure
Gesplitst complementair +150° +210°
- 495F89
Wizard
- 805337
≈ Brazilian Brown
- 606430
≈ Gretchin Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.39:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.28:1 · APCA Lc 20
Beste tekstkleur: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--wizard: #495f89;
--wizard-rgb: 73 95 137;
--wizard-oklch: oklch(0.486 0.073 262.8);
}
.element {
color: var(--wizard);
background-color: hsl(219 30% 41%);
border-color: oklch(0.486 0.073 262.8);
}Tailwind CSS v4
@theme {
--color-wizard: #495f89;
--color-wizard-50: #ebf5ff;
--color-wizard-100: #dce8ff;
--color-wizard-200: #c5d5f4;
--color-wizard-300: #a5b8de;
--color-wizard-400: #889fca;
--color-wizard-500: #6c86b7;
--color-wizard-600: #5c729b;
--color-wizard-700: #495b7c;
--color-wizard-800: #34435c;
--color-wizard-900: #232e40;
--color-wizard-950: #121b29;
}SCSS
$wizard: #495f89;
$wizard-rgb: 73, 95, 137;
$wizard-light: mix(#fff, $wizard, 20%);
$wizard-dark: mix(#000, $wizard, 20%);
.element {
color: $wizard;
box-shadow: 0 0 0 2px rgba($wizard, 0.35);
}