Cor nomeada mais próxima · #1A3859
#1A3859
Cor nomeada mais próxima: Nautilus
#1A3859 (rgb(26 56 89), hsl(211 55% 23%), oklch(0.335 0.069 252.5)) é mais próxima da cor nomeada Nautilus. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1A3859
oklch(0.335 0.069 252.5)
Conversões de cor
- HEX
- #1a3859
- RGB
- rgb(26 56 89)
- HSL
- hsl(211 55% 23%)
- HWB
- hwb(211 10% 65%)
- OKLCH
- oklch(0.335 0.069 252.5)
- OKLab
- oklab(0.335 -0.021 -0.066)
- CIE Lab
- lab(22.55 -2.16 -23.59)
- LCH
- lch(22.55 23.69 264.8)
- CMYK
- cmyk(71% 37% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 2F4A69
- 445C79
- 596F89
- 6F8399
- 8696AA
- 9DAABA
- B5BFCB
- CDD4DC
- E6E9EE
Sombras
- 152F4C
- 102740
- 0C1F34
- 071728
- 040F1D
- 020813
- 010409
- 000103
- 000000
Tons
- 243F5D
- 2F4661
- 384D65
- 425469
- 4D5C6D
- 576371
- 616A75
- 6B7179
- 75797C
Harmonias de cor
Complementar +180°
- 1A3859
Nautilus
- 4C3003
≈ Kyoto House
Análoga -30° +30°
- 1A3859
Nautilus
- 003D4E
≈ Duskwood
- 323159
≈ Quill Tip
Tríade +120° +240°
- 1A3859
Nautilus
- 54262D
≈ Black Rose
- 293E16
≈ Myrtle
Complementar dividida +150° +210°
- 1A3859
Nautilus
- 542918
≈ Boson Brown
- 3E3802
≈ Camouflage
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.97:1 · APCA Lc 97
Ag
FailSobre preto
WCAG 1.75:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.97:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--nautilus: #1a3859;
--nautilus-rgb: 26 56 89;
--nautilus-oklch: oklch(0.335 0.069 252.5);
}
.element {
color: var(--nautilus);
background-color: hsl(211 55% 23%);
border-color: oklch(0.335 0.069 252.5);
}Tailwind CSS v4
@theme {
--color-nautilus: #1a3859;
--color-nautilus-50: #e8f7ff;
--color-nautilus-100: #d9eaff;
--color-nautilus-200: #c1d6f2;
--color-nautilus-300: #a0badb;
--color-nautilus-400: #81a1c7;
--color-nautilus-500: #6589b3;
--color-nautilus-600: #567497;
--color-nautilus-700: #445d79;
--color-nautilus-800: #30445a;
--color-nautilus-900: #212f3f;
--color-nautilus-950: #101c28;
}SCSS
$nautilus: #1a3859;
$nautilus-rgb: 26, 56, 89;
$nautilus-light: mix(#fff, $nautilus, 20%);
$nautilus-dark: mix(#000, $nautilus, 20%);
.element {
color: $nautilus;
box-shadow: 0 0 0 2px rgba($nautilus, 0.35);
}