Color con nombre · #273C5A
Nautilus
Nautilus es #273C5A: rgb(39 60 90), hsl(215 40% 25%), oklch(0.353 0.059 257.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Nautilus color name →
#273C5A
oklch(0.353 0.059 257.3)
Conversiones de color
- HEX
- #273c5a
- RGB
- rgb(39 60 90)
- HSL
- hsl(215 40% 25%)
- HWB
- hwb(215 15% 65%)
- OKLCH
- oklch(0.353 0.059 257.3)
- OKLab
- oklab(0.353 -0.013 -0.058)
- CIE Lab
- lab(24.67 -0.97 -20.86)
- LCH
- lch(24.67 20.88 267.3)
- CMYK
- cmyk(57% 33% 0% 65%)
Tintes · Sombras · Tonos
Tintes
- 3A4D6A
- 4D5F79
- 627289
- 778599
- 8C98AA
- A2ACBA
- B9C0CB
- D0D5DC
- E7EAEE
Sombras
- 20334D
- 1A2A41
- 142135
- 0E1929
- 08111E
- 040A13
- 020409
- 010103
- 000000
Tonos
- 30435E
- 384962
- 415066
- 49576A
- 525E6E
- 5B6471
- 646B75
- 6D7279
- 77797C
Armonías de color
Complementario +180°
- 273C5A
Nautilus
- 4D3713
≈ Bavarian Sweet Mustard
Análogo -30° +30°
- 273C5A
Nautilus
- 114153
≈ Cold and Dark
- 3A3659
≈ Naggaroth Night
Triádico +120° +240°
- 273C5A
Nautilus
- 562E30
≈ Bratwurst
- 2C4323
≈ Forestry
Complementario dividido +150° +210°
- 273C5A
Nautilus
- 54311F
≈ Wild Boar
- 3F3D15
≈ Camouflage
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.16:1 · APCA Lc 96
Ag
FailSobre negro
WCAG 1.88:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.16:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--nautilus: #273c5a;
--nautilus-rgb: 39 60 90;
--nautilus-oklch: oklch(0.353 0.059 257.3);
}
.element {
color: var(--nautilus);
background-color: hsl(215 40% 25%);
border-color: oklch(0.353 0.059 257.3);
}Tailwind CSS v4
@theme {
--color-nautilus: #273c5a;
--color-nautilus-50: #ebf6ff;
--color-nautilus-100: #dce9fc;
--color-nautilus-200: #c6d5ee;
--color-nautilus-300: #a6b9d6;
--color-nautilus-400: #89a0c2;
--color-nautilus-500: #6d88ae;
--color-nautilus-600: #5d7393;
--color-nautilus-700: #4a5c76;
--color-nautilus-800: #354357;
--color-nautilus-900: #242f3d;
--color-nautilus-950: #131b26;
}SCSS
$nautilus: #273c5a;
$nautilus-rgb: 39, 60, 90;
$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);
}