Cor nomeada mais próxima · #495F89
#495F89
Cor nomeada mais próxima: Wizard
#495F89 (rgb(73 95 137), hsl(219 30% 41%), oklch(0.486 0.073 262.8)) é mais próxima da cor nomeada Wizard. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#495F89
oklch(0.486 0.073 262.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 5A6E95
- 6A7DA0
- 7C8DAC
- 8E9CB8
- A0ACC4
- B2BCCF
- C5CDDB
- D8DDE7
- EBEEF3
Sombras
- 3E5276
- 344464
- 2A3853
- 202C42
- 172031
- 0E1522
- 060A14
- 020307
- 000001
Tons
- 4E6288
- 546688
- 596987
- 5F6D86
- 647085
- 6A7384
- 6F7683
- 757A82
- 7A7D81
Harmonias de cor
Complementar +180°
- 495F89
Wizard
- 745B2B
≈ Moss Brown
Análoga -30° +30°
- 495F89
Wizard
- 2F6682
≈ Byron Place
- 615785
≈ Vigorous Violet
Tríade +120° +240°
- 495F89
Wizard
- 844E4C
≈ Cherokee Red
- 466A43
≈ Jungle Adventure
Complementar dividida +150° +210°
- 495F89
Wizard
- 805337
≈ Brazilian Brown
- 606430
≈ Gretchin Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.39:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.28:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
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);
}