Color con nombre · #403547
Royal Decree
Royal Decree es #403547: rgb(64 53 71), hsl(277 15% 24%), oklch(0.348 0.034 312.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Royal Decree color name →
#403547
oklch(0.348 0.034 312.1)
Conversiones de color
- HEX
- #403547
- RGB
- rgb(64 53 71)
- HSL
- hsl(277 15% 24%)
- HWB
- hwb(277 21% 72%)
- OKLCH
- oklch(0.348 0.034 312.1)
- OKLab
- oklab(0.348 0.023 -0.025)
- CIE Lab
- lab(23.92 8.07 -9.29)
- LCH
- lch(23.92 12.31 311)
- CMYK
- cmyk(10% 25% 0% 72%)
Tintes · Sombras · Tonos
Tintes
- 514758
- 625969
- 746C7A
- 87808C
- 9A949E
- ADA8B1
- C1BDC4
- D5D3D7
- EAE9EB
Sombras
- 362D3D
- 2D2532
- 241D28
- 1B151F
- 130E16
- 0B080D
- 050306
- 010102
- 000000
Tonos
- 463C4D
- 4C4352
- 524A58
- 59525D
- 5F5963
- 666169
- 6C696E
- 737074
- 79787A
Armonías de color
Complementario +180°
- 403547
Royal Decree
- 333E2B
≈ Green Kelp
Análogo -30° +30°
- 403547
Royal Decree
- 37384C
≈ Old Mill
- 47333F
≈ Red Onion
Triádico +120° +240°
- 403547
Royal Decree
- 453726
≈ Loam
- 24403F
≈ Sunken Cascades
Complementario dividido +150° +210°
- 403547
Royal Decree
- 3D3B26
≈ Magic Metal
- 2A4035
≈ Celtic
Tetrádico +90° +180° +270°
- 403547
Royal Decree
- 4A342C
≈ Peat Moss
- 333E2B
≈ Green Kelp
- 253E47
≈ Bay Isle Pointe
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.54:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.81:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.54:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--royal-decree: #403547;
--royal-decree-rgb: 64 53 71;
--royal-decree-oklch: oklch(0.348 0.034 312.1);
}
.element {
color: var(--royal-decree);
background-color: hsl(277 15% 24%);
border-color: oklch(0.348 0.034 312.1);
}Tailwind CSS v4
@theme {
--color-royal-decree: #403547;
--color-royal-decree-50: #f9f2fc;
--color-royal-decree-100: #ece5f0;
--color-royal-decree-200: #dad0df;
--color-royal-decree-300: #beb3c4;
--color-royal-decree-400: #a599ad;
--color-royal-decree-500: #8e8097;
--color-royal-decree-600: #786c80;
--color-royal-decree-700: #605766;
--color-royal-decree-800: #463f4b;
--color-royal-decree-900: #302c34;
--color-royal-decree-950: #1d1920;
}SCSS
$royal-decree: #403547;
$royal-decree-rgb: 64, 53, 71;
$royal-decree-light: mix(#fff, $royal-decree, 20%);
$royal-decree-dark: mix(#000, $royal-decree, 20%);
.element {
color: $royal-decree;
box-shadow: 0 0 0 2px rgba($royal-decree, 0.35);
}