Cor nomeada mais próxima · #1E4B54
#1E4B54
Cor nomeada mais próxima: Sunken Mystery
#1E4B54 (rgb(30 75 84), hsl(190 47% 22%), oklch(0.386 0.051 212.7)) é mais próxima da cor nomeada Sunken Mystery. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1E4B54
oklch(0.386 0.051 212.7)
Conversões de cor
- HEX
- #1e4b54
- RGB
- rgb(30 75 84)
- HSL
- hsl(190 47% 22%)
- HWB
- hwb(190 12% 67%)
- OKLCH
- oklch(0.386 0.051 212.7)
- OKLab
- oklab(0.386 -0.043 -0.028)
- CIE Lab
- lab(29.08 -13.72 -10.29)
- LCH
- lch(29.08 17.15 216.9)
- CMYK
- cmyk(64% 11% 0% 67%)
Tons claros · Sombras · Tons
Tons claros
- 345B64
- 4A6C74
- 5F7D84
- 758F95
- 8BA1A6
- A1B3B7
- B8C6C9
- CFD8DA
- E7ECED
Sombras
- 194048
- 13353C
- 0E2B31
- 092126
- 05171B
- 030E11
- 010608
- 000202
- 000000
Tons
- 295058
- 34555D
- 3E5B61
- 476065
- 51656A
- 5A6B6E
- 647073
- 6D7577
- 777B7C
Harmonias de cor
Complementar +180°
- 1E4B54
Sunken Mystery
- 5C3A32
≈ Western Brown
Análoga -30° +30°
- 1E4B54
Sunken Mystery
- 1F4D46
≈ Nighthawks
- 2A475D
≈ Indigo Streamer
Tríade +120° +240°
- 1E4B54
Sunken Mystery
- 543A50
≈ Dark Fig Violet
- 4D4322
≈ Uniform Green
Complementar dividida +150° +210°
- 1E4B54
Sunken Mystery
- 5B3841
≈ Sassafras
- 573E26
≈ Peat Brown
Tétrade +90° +180° +270°
- 1E4B54
Sunken Mystery
- 493D5B
≈ Powerful Mauve
- 5C3A32
≈ Western Brown
- 3F4829
≈ Avocado Dark Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.59:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.18:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.59:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--sunken-mystery: #1e4b54;
--sunken-mystery-rgb: 30 75 84;
--sunken-mystery-oklch: oklch(0.386 0.051 212.7);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 47% 22%);
border-color: oklch(0.386 0.051 212.7);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #1e4b54;
--color-sunken-mystery-50: #e6f9fe;
--color-sunken-mystery-100: #d6edf3;
--color-sunken-mystery-200: #bddae2;
--color-sunken-mystery-300: #9abfc8;
--color-sunken-mystery-400: #7ca7b0;
--color-sunken-mystery-500: #5d8f9a;
--color-sunken-mystery-600: #4f7982;
--color-sunken-mystery-700: #3f6168;
--color-sunken-mystery-800: #2d474c;
--color-sunken-mystery-900: #1e3135;
--color-sunken-mystery-950: #0e1d20;
}SCSS
$sunken-mystery: #1e4b54;
$sunken-mystery-rgb: 30, 75, 84;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}