Color con nombre · #0E6071
Nocturnal Sea
Nocturnal Sea es #0E6071: rgb(14 96 113), hsl(190 78% 25%), oklch(0.452 0.076 216.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Nocturnal Sea color name →
#0E6071
oklch(0.452 0.076 216.3)
Conversiones de color
- HEX
- #0e6071
- RGB
- rgb(14 96 113)
- HSL
- hsl(190 78% 25%)
- HWB
- hwb(190 5% 56%)
- OKLCH
- oklch(0.452 0.076 216.3)
- OKLab
- oklab(0.452 -0.061 -0.045)
- CIE Lab
- lab(36.9 -18.85 -16.63)
- LCH
- lch(36.9 25.14 221.4)
- CMYK
- cmyk(88% 15% 0% 56%)
Tintes · Sombras · Tonos
Tintes
- 306F7E
- 487E8C
- 5F8E9A
- 769DA8
- 8CADB6
- A3BDC4
- B9CDD3
- D0DEE1
- E7EEF0
Sombras
- 0B5261
- 074552
- 053843
- 032C35
- 022027
- 01151A
- 000A0E
- 000304
- 000001
Tonos
- 236373
- 316774
- 3C6A76
- 476D77
- 517079
- 5B747A
- 65777C
- 6E7A7D
- 777D7F
Armonías de color
Complementario +180°
- 0E6071
Nocturnal Sea
- 7A4637
≈ Chocolate Magma
Análogo -30° +30°
- 0E6071
Nocturnal Sea
- 0B635C
≈ Emerald Stone
- 2F5A7E
≈ Dark Blue
Triádico +120° +240°
- 0E6071
Nocturnal Sea
- 704566
≈ Old Fashioned Purple
- 62561D
≈ Tucumán Green
Complementario dividido +150° +210°
- 0E6071
Nocturnal Sea
- 79434F
≈ Berry Bush
- 724D23
≈ Chocolate Rain
Tetrádico +90° +180° +270°
- 0E6071
Nocturnal Sea
- 614A77
≈ Impulsive Purple
- 7A4637
≈ Chocolate Magma
- 4B5D2C
≈ Woodman
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.16:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.93:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--nocturnal-sea: #0e6071;
--nocturnal-sea-rgb: 14 96 113;
--nocturnal-sea-oklch: oklch(0.452 0.076 216.3);
}
.element {
color: var(--nocturnal-sea);
background-color: hsl(190 78% 25%);
border-color: oklch(0.452 0.076 216.3);
}Tailwind CSS v4
@theme {
--color-nocturnal-sea: #0e6071;
--color-nocturnal-sea-50: #defbff;
--color-nocturnal-sea-100: #cdeff9;
--color-nocturnal-sea-200: #b1ddea;
--color-nocturnal-sea-300: #8bc1d2;
--color-nocturnal-sea-400: #67aabb;
--color-nocturnal-sea-500: #4193a7;
--color-nocturnal-sea-600: #397c8d;
--color-nocturnal-sea-700: #2d6371;
--color-nocturnal-sea-800: #1e4953;
--color-nocturnal-sea-900: #14333a;
--color-nocturnal-sea-950: #051e24;
}SCSS
$nocturnal-sea: #0e6071;
$nocturnal-sea-rgb: 14, 96, 113;
$nocturnal-sea-light: mix(#fff, $nocturnal-sea, 20%);
$nocturnal-sea-dark: mix(#000, $nocturnal-sea, 20%);
.element {
color: $nocturnal-sea;
box-shadow: 0 0 0 2px rgba($nocturnal-sea, 0.35);
}