Color con nombre más cercano · #0A3957
#0A3957
Color con nombre más cercano: Poseidon
#0A3957 (rgb(10 57 87), hsl(203 79% 19%), oklch(0.331 0.072 242.5)) se parece más al color con nombre Poseidon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#0A3957
oklch(0.331 0.072 242.5)
Conversiones de color
- HEX
- #0a3957
- RGB
- rgb(10 57 87)
- HSL
- hsl(203 79% 19%)
- HWB
- hwb(203 4% 66%)
- OKLCH
- oklch(0.331 0.072 242.5)
- OKLab
- oklab(0.331 -0.033 -0.063)
- CIE Lab
- lab(22.23 -6.26 -22.83)
- LCH
- lch(22.23 23.68 254.7)
- CMYK
- cmyk(89% 34% 0% 66%)
Tintes · Sombras · Tonos
Tintes
- 254B67
- 3C5D77
- 537087
- 6A8398
- 8197A8
- 99ABB9
- B2BFCA
- CBD4DC
- E5E9ED
Sombras
- 07304B
- 05283E
- 031F33
- 021727
- 01101C
- 010912
- 000408
- 000103
- 000000
Tonos
- 1A405B
- 264760
- 324E64
- 3D5568
- 485C6C
- 536370
- 5E6A74
- 697278
- 75797C
Armonías de color
Complementario +180°
- 0A3957
Poseidon
- 4F2C05
≈ Kyoto House
Análogo -30° +30°
- 0A3957
Poseidon
- 003D47
≈ Ghostlands Coal
- 29325A
≈ Quill Tip
Triádico +120° +240°
- 0A3957
Poseidon
- 532432
≈ Carambar
- 2F3B0A
≈ Dark Olive
Complementario dividido +150° +210°
- 0A3957
Poseidon
- 54261D
≈ Caput Mortuum
- 423400
≈ Night in the Woods
Tetrádico +90° +180° +270°
- 0A3957
Poseidon
- 4B2645
≈ Murasaki
- 4F2C05
≈ Kyoto House
- 114023
≈ Angel Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.09:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.73:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.09:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--poseidon: #0a3957;
--poseidon-rgb: 10 57 87;
--poseidon-oklch: oklch(0.331 0.072 242.5);
}
.element {
color: var(--poseidon);
background-color: hsl(203 79% 19%);
border-color: oklch(0.331 0.072 242.5);
}Tailwind CSS v4
@theme {
--color-poseidon: #0a3957;
--color-poseidon-50: #e5f8ff;
--color-poseidon-100: #d5ebff;
--color-poseidon-200: #bbd8f1;
--color-poseidon-300: #99bcda;
--color-poseidon-400: #79a4c6;
--color-poseidon-500: #5a8cb2;
--color-poseidon-600: #4d7696;
--color-poseidon-700: #3d5f79;
--color-poseidon-800: #2b4659;
--color-poseidon-900: #1d303e;
--color-poseidon-950: #0d1c27;
}SCSS
$poseidon: #0a3957;
$poseidon-rgb: 10, 57, 87;
$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);
}