Benannte Farbe · #3E3542
Royal Coronation
Royal Coronation ist #3E3542: rgb(62 53 66), hsl(282 11% 23%), oklch(0.344 0.025 315.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Royal Coronation color name →
#3E3542
oklch(0.344 0.025 315.5)
Farbumrechnungen
- HEX
- #3e3542
- RGB
- rgb(62 53 66)
- HSL
- hsl(282 11% 23%)
- HWB
- hwb(282 21% 74%)
- OKLCH
- oklch(0.344 0.025 315.5)
- OKLab
- oklab(0.344 0.018 -0.018)
- CIE Lab
- lab(23.52 6.29 -6.59)
- LCH
- lch(23.52 9.11 313.7)
- CMYK
- cmyk(6% 20% 0% 74%)
Tints · Shades · Tones
Tints
- 4F4753
- 615964
- 736C76
- 867F88
- 99949B
- ACA8AE
- C0BDC2
- D5D3D6
- EAE9EA
Shades
- 352D38
- 2B252F
- 231D25
- 1A151C
- 120E14
- 0A080B
- 040305
- 010101
- 000000
Tones
- 443C48
- 4B434E
- 514A54
- 57525A
- 5E5960
- 656166
- 6B686D
- 727073
- 79787A
Farbharmonien
Komplementär +180°
- 3E3542
Royal Coronation
- 333C2F
≈ USMC Green
Analog -30° +30°
- 3E3542
Royal Coronation
- 373746
≈ Sceptre Blue
- 43343C
≈ Deep Space Frigate
Triadisch +120° +240°
- 3E3542
Royal Coronation
- 41372A
≈ Jacko Bean
- 293D3D
≈ Sunken Cascades
Geteilt komplementär +150° +210°
- 3E3542
Royal Coronation
- 3A3A2B
≈ El Paso
- 2D3D36
≈ Scarab
Tetradisch +90° +180° +270°
- 3E3542
Royal Coronation
- 44352E
≈ Tobago
- 333C2F
≈ USMC Green
- 2B3C43
≈ Cool Current
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.71:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.79:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--royal-coronation: #3e3542;
--royal-coronation-rgb: 62 53 66;
--royal-coronation-oklch: oklch(0.344 0.025 315.5);
}
.element {
color: var(--royal-coronation);
background-color: hsl(282 11% 23%);
border-color: oklch(0.344 0.025 315.5);
}Tailwind CSS v4
@theme {
--color-royal-coronation: #3e3542;
--color-royal-coronation-50: #f8f3fa;
--color-royal-coronation-100: #ebe5ee;
--color-royal-coronation-200: #d9d1db;
--color-royal-coronation-300: #bdb4c0;
--color-royal-coronation-400: #a49aa9;
--color-royal-coronation-500: #8d8192;
--color-royal-coronation-600: #776e7b;
--color-royal-coronation-700: #5f5863;
--color-royal-coronation-800: #464049;
--color-royal-coronation-900: #302c32;
--color-royal-coronation-950: #1c191e;
}SCSS
$royal-coronation: #3e3542;
$royal-coronation-rgb: 62, 53, 66;
$royal-coronation-light: mix(#fff, $royal-coronation, 20%);
$royal-coronation-dark: mix(#000, $royal-coronation, 20%);
.element {
color: $royal-coronation;
box-shadow: 0 0 0 2px rgba($royal-coronation, 0.35);
}