Cor nomeada mais próxima · #283448
#283448
Cor nomeada mais próxima: Total Eclipse
#283448 (rgb(40 52 72), hsl(218 29% 22%), oklch(0.323 0.039 260.4)) é mais próxima da cor nomeada Total Eclipse. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#283448
oklch(0.323 0.039 260.4)
Conversões de cor
- HEX
- #283448
- RGB
- rgb(40 52 72)
- HSL
- hsl(218 29% 22%)
- HWB
- hwb(218 16% 72%)
- OKLCH
- oklch(0.323 0.039 260.4)
- OKLab
- oklab(0.323 -0.007 -0.039)
- CIE Lab
- lab(21.31 -0.55 -14.18)
- LCH
- lch(21.31 14.19 267.8)
- CMYK
- cmyk(44% 28% 0% 72%)
Tons claros · Sombras · Tons
Tons claros
- 3A4659
- 4E586A
- 626B7B
- 767F8D
- 8C939F
- A2A8B2
- B8BDC5
- CFD3D8
- E7E9EB
Sombras
- 212C3D
- 1B2433
- 151C29
- 0F151F
- 090E16
- 04070D
- 020306
- 010102
- 000000
Tons
- 303B4E
- 384253
- 414A59
- 49515E
- 525964
- 5B6169
- 64686F
- 6D7075
- 77787A
Harmonias de cor
Complementar +180°
- 283448
Total Eclipse
- 3E321C
≈ Pullman Green
Análoga -30° +30°
- 283448
Total Eclipse
- 1D3744
≈ Into the Night
- 333047
≈ Plum Fuzz
Tríade +120° +240°
- 283448
Total Eclipse
- 462C2B
≈ Brown Coffee
- 293926
≈ Palm Green
Complementar dividida +150° +210°
- 283448
Total Eclipse
- 442E21
≈ Morocco Brown
- 35361D
≈ Pullman Green
Tétrade +90° +180° +270°
- 283448
Total Eclipse
- 432B36
≈ Barossa
- 3E321C
≈ Pullman Green
- 1D3A31
≈ Palm Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.53:1 · APCA Lc 98
Ag
FailSobre preto
WCAG 1.67:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--total-eclipse: #283448;
--total-eclipse-rgb: 40 52 72;
--total-eclipse-oklch: oklch(0.323 0.039 260.4);
}
.element {
color: var(--total-eclipse);
background-color: hsl(218 29% 22%);
border-color: oklch(0.323 0.039 260.4);
}Tailwind CSS v4
@theme {
--color-total-eclipse: #283448;
--color-total-eclipse-50: #eff5ff;
--color-total-eclipse-100: #e1e8f6;
--color-total-eclipse-200: #cbd5e6;
--color-total-eclipse-300: #adb8cc;
--color-total-eclipse-400: #919fb6;
--color-total-eclipse-500: #7787a1;
--color-total-eclipse-600: #657288;
--color-total-eclipse-700: #515b6d;
--color-total-eclipse-800: #3a4350;
--color-total-eclipse-900: #282e38;
--color-total-eclipse-950: #161b22;
}SCSS
$total-eclipse: #283448;
$total-eclipse-rgb: 40, 52, 72;
$total-eclipse-light: mix(#fff, $total-eclipse, 20%);
$total-eclipse-dark: mix(#000, $total-eclipse, 20%);
.element {
color: $total-eclipse;
box-shadow: 0 0 0 2px rgba($total-eclipse, 0.35);
}