Cor nomeada mais próxima · #004167
#004167
Cor nomeada mais próxima: Poseidon
#004167 (rgb(0 65 103), hsl(202 100% 20%), oklch(0.361 0.087 243.1)) é mais próxima da cor nomeada Poseidon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#004167
oklch(0.361 0.087 243.1)
Conversões de cor
- HEX
- #004167
- RGB
- rgb(0 65 103)
- HSL
- hsl(202 100% 20%)
- HWB
- hwb(202 0% 60%)
- OKLCH
- oklch(0.361 0.087 243.1)
- OKLab
- oklab(0.361 -0.04 -0.078)
- CIE Lab
- lab(25.6 -6.56 -27.9)
- LCH
- lch(25.6 28.67 256.8)
- CMYK
- cmyk(100% 37% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 225376
- 3B6485
- 527794
- 6A89A3
- 829CB2
- 9AAFC1
- B2C3D0
- CCD7E0
- E5EBEF
Sombras
- 003759
- 002E4B
- 00253D
- 001C30
- 001323
- 000B17
- 00050C
- 000104
- 000000
Tons
- 15476A
- 244E6D
- 315470
- 3D5B72
- 486175
- 536777
- 5F6D7A
- 6A747C
- 757A7E
Harmonias de cor
Complementar +180°
- 004167
Poseidon
- 5B3200
≈ Eyelash Camel
Análoga -30° +30°
- 004167
Poseidon
- 004651
≈ Midnight Green
- 2F386B
≈ Spirit Blue
Tríade +120° +240°
- 004167
Poseidon
- 612739
≈ Wine Country
- 354402
≈ Garden Shadow
Complementar dividida +150° +210°
- 004167
Poseidon
- 63291D
≈ Chestnut Leather
- 4B3C00
≈ Xanthophobia
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.75:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 1.95:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--poseidon: #004167;
--poseidon-rgb: 0 65 103;
--poseidon-oklch: oklch(0.361 0.087 243.1);
}
.element {
color: var(--poseidon);
background-color: hsl(202 100% 20%);
border-color: oklch(0.361 0.087 243.1);
}Tailwind CSS v4
@theme {
--color-poseidon: #004167;
--color-poseidon-50: #e1f9ff;
--color-poseidon-100: #d1ecff;
--color-poseidon-200: #b6d9f8;
--color-poseidon-300: #92bde2;
--color-poseidon-400: #70a5ce;
--color-poseidon-500: #4f8dbb;
--color-poseidon-600: #43779e;
--color-poseidon-700: #365f7f;
--color-poseidon-800: #24465e;
--color-poseidon-900: #183142;
--color-poseidon-950: #091d2a;
}SCSS
$poseidon: #004167;
$poseidon-rgb: 0, 65, 103;
$poseidon-light: mix(#fff, $poseidon, 20%);
$poseidon-dark: mix(#000, $poseidon, 20%);
.element {
color: $poseidon;
box-shadow: 0 0 0 2px rgba($poseidon, 0.35);
}