Color con nombre más cercano · #64467B
#64467B
Color con nombre más cercano: Royal Robe
#64467B (rgb(100 70 123), hsl(274 27% 38%), oklch(0.45 0.091 309.2)) se parece más al color con nombre Royal Robe. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#64467B
oklch(0.45 0.091 309.2)
Conversiones de color
- HEX
- #64467b
- RGB
- rgb(100 70 123)
- HSL
- hsl(274 27% 38%)
- HWB
- hwb(274 27% 52%)
- OKLCH
- oklch(0.45 0.091 309.2)
- OKLab
- oklab(0.45 0.057 -0.07)
- CIE Lab
- lab(34.86 21.43 -25.4)
- LCH
- lch(34.86 33.24 310.2)
- CMYK
- cmyk(19% 43% 0% 52%)
Tintes · Sombras · Tonos
Tintes
- 725788
- 816995
- 907AA2
- 9F8CAF
- AE9FBC
- BEB1C9
- CEC4D7
- DED8E4
- EEEBF1
Sombras
- 563C6A
- 48325A
- 3B284A
- 2E1E3A
- 22152C
- 160D1E
- 0B0510
- 030205
- 000001
Tonos
- 674C7C
- 6A527D
- 6C587D
- 6F5E7E
- 72637E
- 75697F
- 786F7F
- 7A7580
- 7D7A80
Armonías de color
Complementario +180°
- 64467B
Royal Robe
- 455F24
≈ Obscure Olive
Análogo -30° +30°
- 64467B
Royal Robe
- 4B4F86
≈ Twilight
- 754066
≈ Burnt Orchid
Triádico +120° +240°
- 64467B
Royal Robe
- 754B0F
≈ Hairy Brown
- 00635E
≈ Emerald Stone
Complementario dividido +150° +210°
- 64467B
Royal Robe
- 625506
≈ Olive Brown
- 1A6443
≈ Fairway Green
Tetrádico +90° +180° +270°
- 64467B
Royal Robe
- 7F422D
≈ Coppery Orange
- 455F24
≈ Obscure Olive
- 005F74
≈ Lyons Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.76:1 · APCA Lc 87
Ag
FailSobre negro
WCAG 2.70:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 7.76:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--royal-robe: #64467b;
--royal-robe-rgb: 100 70 123;
--royal-robe-oklch: oklch(0.45 0.091 309.2);
}
.element {
color: var(--royal-robe);
background-color: hsl(274 27% 38%);
border-color: oklch(0.45 0.091 309.2);
}Tailwind CSS v4
@theme {
--color-royal-robe: #64467b;
--color-royal-robe-50: #feeeff;
--color-royal-robe-100: #f2e0ff;
--color-royal-robe-200: #e1caf1;
--color-royal-robe-300: #c7abda;
--color-royal-robe-400: #ae90c7;
--color-royal-robe-500: #9875b4;
--color-royal-robe-600: #806398;
--color-royal-robe-700: #674f7a;
--color-royal-robe-800: #4b3a5b;
--color-royal-robe-900: #342840;
--color-royal-robe-950: #1f1628;
}SCSS
$royal-robe: #64467b;
$royal-robe-rgb: 100, 70, 123;
$royal-robe-light: mix(#fff, $royal-robe, 20%);
$royal-robe-dark: mix(#000, $royal-robe, 20%);
.element {
color: $royal-robe;
box-shadow: 0 0 0 2px rgba($royal-robe, 0.35);
}