Color con nombre más cercano · #3C4464
#3C4464
Color con nombre más cercano: Genie
#3C4464 (rgb(60 68 100), hsl(228 25% 31%), oklch(0.394 0.055 272.9)) se parece más al color con nombre Genie. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3C4464
oklch(0.394 0.055 272.9)
Conversiones de color
- HEX
- #3c4464
- RGB
- rgb(60 68 100)
- HSL
- hsl(228 25% 31%)
- HWB
- hwb(228 24% 61%)
- OKLCH
- oklch(0.394 0.055 272.9)
- OKLab
- oklab(0.394 0.003 -0.055)
- CIE Lab
- lab(29.21 3.46 -20.1)
- LCH
- lch(29.21 20.4 279.8)
- CMYK
- cmyk(40% 32% 0% 61%)
Tintes · Sombras · Tonos
Tintes
- 4D5573
- 5F6682
- 717891
- 848AA0
- 979DAF
- ABB0BF
- C0C3CF
- D4D7DF
- EAEBEF
Sombras
- 333A56
- 2A3048
- 21263B
- 191D2E
- 111422
- 0A0C16
- 04050B
- 010203
- 000000
Tonos
- 424A67
- 49506A
- 4F566D
- 565C70
- 5D6273
- 646875
- 6B6E78
- 72747B
- 797A7D
Armonías de color
Complementario +180°
- 3C4464
Genie
- 504521
≈ Uniform Green
Análogo -30° +30°
- 3C4464
Genie
- 2A4961
≈ Deep Ocean
- 4C3F5F
≈ Powerful Mauve
Triádico +120° +240°
- 3C4464
Genie
- 603B33
≈ Hereford Bull
- 2E4F38
≈ Moselle Green
Complementario dividido +150° +210°
- 3C4464
Genie
- 5B3F25
≈ Bracken
- 404B29
≈ Bronze Tone
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.53:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.20:1 · APCA Lc 10
Mejor color de texto: #FFFFFF
WCAG 9.53:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--genie: #3c4464;
--genie-rgb: 60 68 100;
--genie-oklch: oklch(0.394 0.055 272.9);
}
.element {
color: var(--genie);
background-color: hsl(228 25% 31%);
border-color: oklch(0.394 0.055 272.9);
}Tailwind CSS v4
@theme {
--color-genie: #3c4464;
--color-genie-50: #f0f4ff;
--color-genie-100: #e2e7fb;
--color-genie-200: #cdd3ed;
--color-genie-300: #afb6d4;
--color-genie-400: #939dc0;
--color-genie-500: #7a84ac;
--color-genie-600: #677091;
--color-genie-700: #525974;
--color-genie-800: #3b4256;
--color-genie-900: #282d3c;
--color-genie-950: #161a26;
}SCSS
$genie: #3c4464;
$genie-rgb: 60, 68, 100;
$genie-light: mix(#fff, $genie, 20%);
$genie-dark: mix(#000, $genie, 20%);
.element {
color: $genie;
box-shadow: 0 0 0 2px rgba($genie, 0.35);
}