Cor nomeada mais próxima · #526D95
#526D95
Cor nomeada mais próxima: Clean Slate
#526D95 (rgb(82 109 149), hsl(216 29% 45%), oklch(0.53 0.071 258)) é 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.
#526D95
oklch(0.53 0.071 258)
Conversões de cor
- HEX
- #526d95
- RGB
- rgb(82 109 149)
- HSL
- hsl(216 29% 45%)
- HWB
- hwb(216 32% 42%)
- OKLCH
- oklch(0.53 0.071 258)
- OKLab
- oklab(0.53 -0.015 -0.069)
- CIE Lab
- lab(45.17 -1.68 -25.31)
- LCH
- lch(45.17 25.36 266.2)
- CMYK
- cmyk(45% 27% 0% 42%)
Tons claros · Sombras · Tons
Tons claros
- 627BA0
- 7289AA
- 8397B5
- 94A5BF
- A5B4CA
- B7C3D4
- C8D1DF
- DAE0EA
- EDF0F4
Sombras
- 465E81
- 3B4F6D
- 2F415A
- 253348
- 1A2637
- 111926
- 080D16
- 020408
- 000101
Tons
- 576F93
- 5B7191
- 60738F
- 65758D
- 69778B
- 6E7989
- 727B87
- 777C85
- 7B7E82
Harmonias de cor
Complementar +180°
- 526D95
Clean Slate
- 83673A
≈ Dirt Brown
Análoga -30° +30°
- 526D95
Clean Slate
- 3B748C
≈ Bengal Blue
- 6A6593
≈ Dark Horizon
Tríade +120° +240°
- 526D95
Clean Slate
- 915B5C
≈ Rose Taupe
- 57764D
≈ Willow Bough
Complementar dividida +150° +210°
- 526D95
Clean Slate
- 8E5F47
≈ Tamarind Tart
- 706F3D
≈ Classic Avocado
Tétrade +90° +180° +270°
- 526D95
Clean Slate
- 8B5B73
≈ Grape Nectar
- 83673A
≈ Dirt Brown
- 3E7964
≈ Fir
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--clean-slate: #526d95;
--clean-slate-rgb: 82 109 149;
--clean-slate-oklch: oklch(0.53 0.071 258);
}
.element {
color: var(--clean-slate);
background-color: hsl(216 29% 45%);
border-color: oklch(0.53 0.071 258);
}Tailwind CSS v4
@theme {
--color-clean-slate: #526d95;
--color-clean-slate-50: #eaf6ff;
--color-clean-slate-100: #dae9ff;
--color-clean-slate-200: #c3d5f3;
--color-clean-slate-300: #a3b9dc;
--color-clean-slate-400: #85a0c9;
--color-clean-slate-500: #6988b5;
--color-clean-slate-600: #597399;
--color-clean-slate-700: #475c7b;
--color-clean-slate-800: #32435b;
--color-clean-slate-900: #222f40;
--color-clean-slate-950: #111b28;
}SCSS
$clean-slate: #526d95;
$clean-slate-rgb: 82, 109, 149;
$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);
}