Cor nomeada mais próxima · #01104B
#01104B
Cor nomeada mais próxima: Storm
#01104B (rgb(1 16 75), hsl(228 97% 15%), oklch(0.215 0.11 263.9)) é mais próxima da cor nomeada Storm. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#01104B
oklch(0.215 0.11 263.9)
Conversões de cor
- HEX
- #01104b
- RGB
- rgb(1 16 75)
- HSL
- hsl(228 97% 15%)
- HWB
- hwb(228 0% 71%)
- OKLCH
- oklch(0.215 0.11 263.9)
- OKLab
- oklab(0.215 -0.012 -0.11)
- CIE Lab
- lab(7.27 16.19 -38.83)
- LCH
- lch(7.27 42.07 292.6)
- CMYK
- cmyk(99% 79% 0% 71%)
Tons claros · Sombras · Tons
Tons claros
- 11285D
- 283E6F
- 3F5480
- 586B92
- 7283A4
- 8C9AB6
- A8B3C8
- C4CCDA
- E1E5ED
Sombras
- 010C40
- 010935
- 00062B
- 000421
- 000217
- 00010E
- 000006
- 000002
- 000000
Tons
- 081D51
- 142957
- 21345D
- 2D3F63
- 3A4968
- 48546D
- 555F72
- 636A77
- 72757C
Harmonias de cor
Complementar +180°
- 01104B
Storm
- 231700
≈ Cannon Black
Análoga -30° +30°
- 01104B
Storm
- 001C2B
≈ Oxford by Night
- 1F0446
≈ Your Darkness
Tríade +120° +240°
- 01104B
Storm
- 380004
≈ Dark Maroon
- 002102
≈ Rainforest Nights
Complementar dividida +150° +210°
- 01104B
Storm
- 2C1100
≈ Shadow Play
- 191C00
≈ Yuzu Soy
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 17.84:1 · APCA Lc 104
Ag
FailSobre preto
WCAG 1.17:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 104
Contrast pairs
Trechos de código
CSS
:root {
--storm: #01104b;
--storm-rgb: 1 16 75;
--storm-oklch: oklch(0.215 0.11 263.9);
}
.element {
color: var(--storm);
background-color: hsl(228 97% 15%);
border-color: oklch(0.215 0.11 263.9);
}Tailwind CSS v4
@theme {
--color-storm: #01104b;
--color-storm-50: #e6f5ff;
--color-storm-100: #d7e8ff;
--color-storm-200: #bed4ff;
--color-storm-300: #9db7f1;
--color-storm-400: #7d9ee0;
--color-storm-500: #6084cf;
--color-storm-600: #5270af;
--color-storm-700: #41598c;
--color-storm-800: #2d4268;
--color-storm-900: #1e2d49;
--color-storm-950: #0e1a30;
}SCSS
$storm: #01104b;
$storm-rgb: 1, 16, 75;
$storm-light: mix(#fff, $storm, 20%);
$storm-dark: mix(#000, $storm, 20%);
.element {
color: $storm;
box-shadow: 0 0 0 2px rgba($storm, 0.35);
}