Cor nomeada mais próxima · #526E90
#526E90
Cor nomeada mais próxima: Clean Slate
#526E90 (rgb(82 110 144), hsl(213 27% 44%), oklch(0.53 0.063 253.7)) é mais próxima da cor nomeada Clean Slate. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#526E90
oklch(0.53 0.063 253.7)
Conversões de cor
- HEX
- #526e90
- RGB
- rgb(82 110 144)
- HSL
- hsl(213 27% 44%)
- HWB
- hwb(213 32% 44%)
- OKLCH
- oklch(0.53 0.063 253.7)
- OKLab
- oklab(0.53 -0.018 -0.061)
- CIE Lab
- lab(45.28 -3.41 -22.17)
- LCH
- lch(45.28 22.44 261.2)
- CMYK
- cmyk(43% 24% 0% 44%)
Tons claros · Sombras · Tons
Tons claros
- 627C9B
- 728AA6
- 8398B1
- 94A6BC
- A5B4C7
- B7C3D2
- C8D2DD
- DAE1E8
- EDF0F4
Sombras
- 465F7D
- 3B506A
- 2F4157
- 253345
- 1A2634
- 111924
- 080E15
- 020407
- 000101
Tons
- 57708F
- 5B728D
- 60748C
- 65768A
- 697789
- 6E7987
- 727B85
- 777D84
- 7B7E82
Harmonias de cor
Complementar +180°
- 526E90
Clean Slate
- 826642
≈ Bright Umber
Análoga -30° +30°
- 526E90
Clean Slate
- 407487
≈ Silken Peacock
- 676790
≈ Twilight Purple
Tríade +120° +240°
- 526E90
Clean Slate
- 8D5D61
≈ Spiced Potpourri
- 5D744E
≈ Willow Bough
Complementar dividida +150° +210°
- 526E90
Clean Slate
- 8B604E
≈ Spicy Mix
- 726E42
≈ Trough Shell
Tétrade +90° +180° +270°
- 526E90
Clean Slate
- 865D75
≈ Purple Gumdrop
- 826642
≈ Bright Umber
- 487862
≈ Leaping Lizard
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.99:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--clean-slate: #526e90;
--clean-slate-rgb: 82 110 144;
--clean-slate-oklch: oklch(0.53 0.063 253.7);
}
.element {
color: var(--clean-slate);
background-color: hsl(213 27% 44%);
border-color: oklch(0.53 0.063 253.7);
}Tailwind CSS v4
@theme {
--color-clean-slate: #526e90;
--color-clean-slate-50: #eaf6ff;
--color-clean-slate-100: #dae9fd;
--color-clean-slate-200: #c3d6f0;
--color-clean-slate-300: #a3b9d8;
--color-clean-slate-400: #85a1c4;
--color-clean-slate-500: #6989b0;
--color-clean-slate-600: #597494;
--color-clean-slate-700: #475d77;
--color-clean-slate-800: #324458;
--color-clean-slate-900: #222f3d;
--color-clean-slate-950: #111b27;
}SCSS
$clean-slate: #526e90;
$clean-slate-rgb: 82, 110, 144;
$clean-slate-light: mix(#fff, $clean-slate, 20%);
$clean-slate-dark: mix(#000, $clean-slate, 20%);
.element {
color: $clean-slate;
box-shadow: 0 0 0 2px rgba($clean-slate, 0.35);
}