Cor nomeada mais próxima · #003F5E
#003F5E
Cor nomeada mais próxima: Capital Blue
#003F5E (rgb(0 63 94), hsl(200 100% 18%), oklch(0.349 0.078 238.4)) é mais próxima da cor nomeada Capital Blue. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#003F5E
oklch(0.349 0.078 238.4)
Conversões de cor
- HEX
- #003f5e
- RGB
- rgb(0 63 94)
- HSL
- hsl(200 100% 18%)
- HWB
- hwb(200 0% 63%)
- OKLCH
- oklch(0.349 0.078 238.4)
- OKLab
- oklab(0.349 -0.041 -0.066)
- CIE Lab
- lab(24.46 -8.58 -23.92)
- LCH
- lch(24.46 25.41 250.3)
- CMYK
- cmyk(100% 33% 0% 63%)
Tons claros · Sombras · Tons
Tons claros
- 21516D
- 3A637D
- 52758C
- 69889C
- 819BAC
- 99AEBD
- B2C2CD
- CBD6DD
- E5EAEE
Sombras
- 003551
- 002C44
- 002337
- 001B2B
- 00121F
- 000A14
- 00040A
- 000103
- 000000
Tons
- 154662
- 244C65
- 305369
- 3C596C
- 486070
- 536673
- 5E6D77
- 69737A
- 75797D
Harmonias de cor
Complementar +180°
- 003F5E
Capital Blue
- 582E06
≈ Moelleux au Chocolat
Análoga -30° +30°
- 003F5E
Capital Blue
- 00434B
≈ Dark Side
- 293863
≈ Blue Depths
Tríade +120° +240°
- 003F5E
Capital Blue
- 5A273A
≈ Zinfandel
- 373F05
≈ Dark Olive
Complementar dividida +150° +210°
- 003F5E
Capital Blue
- 5C2822
≈ Ebicha Brown
- 4A3800
≈ Xanthophobia
Tétrade +90° +180° +270°
- 003F5E
Capital Blue
- 502A4E
≈ Murasaki
- 582E06
≈ Moelleux au Chocolat
- 184522
≈ Myrtle
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.21:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.87:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.21:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--capital-blue: #003f5e;
--capital-blue-rgb: 0 63 94;
--capital-blue-oklch: oklch(0.349 0.078 238.4);
}
.element {
color: var(--capital-blue);
background-color: hsl(200 100% 18%);
border-color: oklch(0.349 0.078 238.4);
}Tailwind CSS v4
@theme {
--color-capital-blue: #003f5e;
--color-capital-blue-50: #e2f9ff;
--color-capital-blue-100: #d2ecff;
--color-capital-blue-200: #b7d9f3;
--color-capital-blue-300: #94bddc;
--color-capital-blue-400: #72a5c8;
--color-capital-blue-500: #518db4;
--color-capital-blue-600: #467898;
--color-capital-blue-700: #37607a;
--color-capital-blue-800: #26475a;
--color-capital-blue-900: #19313f;
--color-capital-blue-950: #0a1d28;
}SCSS
$capital-blue: #003f5e;
$capital-blue-rgb: 0, 63, 94;
$capital-blue-light: mix(#fff, $capital-blue, 20%);
$capital-blue-dark: mix(#000, $capital-blue, 20%);
.element {
color: $capital-blue;
box-shadow: 0 0 0 2px rgba($capital-blue, 0.35);
}