Color con nombre · #012253
Subnautical
Subnautical es #012253: rgb(1 34 83), hsl(216 98% 16%), oklch(0.264 0.097 258.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Subnautical color name →
#012253
oklch(0.264 0.097 258.4)
Conversiones de color
- HEX
- #012253
- RGB
- rgb(1 34 83)
- HSL
- hsl(216 98% 16%)
- HWB
- hwb(216 0% 67%)
- OKLCH
- oklch(0.264 0.097 258.4)
- OKLab
- oklab(0.264 -0.02 -0.095)
- CIE Lab
- lab(13.7 6.26 -33.79)
- LCH
- lch(13.7 34.37 280.5)
- CMYK
- cmyk(99% 59% 0% 67%)
Tintes · Sombras · Tonos
Tintes
- 183764
- 2F4B75
- 476086
- 5F7597
- 788BA8
- 92A1B9
- ACB8CA
- C7CFDC
- E3E7ED
Sombras
- 011C47
- 01163B
- 001130
- 000B25
- 00071B
- 000311
- 000108
- 000002
- 000000
Tonos
- 0E2C58
- 1B355D
- 273F62
- 344867
- 40516B
- 4C5A70
- 596474
- 666D78
- 73777C
Armonías de color
Complementario +180°
- 012253
Subnautical
- 332100
≈ Black Swan
Análogo -30° +30°
- 012253
Subnautical
- 002939
≈ Murky Depths
- 251850
≈ Silent Orbit
Triádico +120° +240°
- 012253
Subnautical
- 4A0611
≈ Bulgarian Rose
- 0C2E00
≈ Diminishing Green
Complementario dividido +150° +210°
- 012253
Subnautical
- 401800
≈ Bath in Chocolate
- 282700
≈ Liquorice Root
Tetrádico +90° +180° +270°
- 012253
Subnautical
- 44082D
≈ Dark Sanctuary
- 332100
≈ Black Swan
- 002D20
≈ Bush
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 15.49:1 · APCA Lc 102
Ag
FailSobre negro
WCAG 1.35:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 15.49:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--subnautical: #012253;
--subnautical-rgb: 1 34 83;
--subnautical-oklch: oklch(0.264 0.097 258.4);
}
.element {
color: var(--subnautical);
background-color: hsl(216 98% 16%);
border-color: oklch(0.264 0.097 258.4);
}Tailwind CSS v4
@theme {
--color-subnautical: #012253;
--color-subnautical-50: #e5f6ff;
--color-subnautical-100: #d6e9ff;
--color-subnautical-200: #bdd6ff;
--color-subnautical-300: #9bb9ea;
--color-subnautical-400: #7ba0d8;
--color-subnautical-500: #5d87c6;
--color-subnautical-600: #4f72a7;
--color-subnautical-700: #3f5b86;
--color-subnautical-800: #2b4364;
--color-subnautical-900: #1d2e46;
--color-subnautical-950: #0d1b2e;
}SCSS
$subnautical: #012253;
$subnautical-rgb: 1, 34, 83;
$subnautical-light: mix(#fff, $subnautical, 20%);
$subnautical-dark: mix(#000, $subnautical, 20%);
.element {
color: $subnautical;
box-shadow: 0 0 0 2px rgba($subnautical, 0.35);
}