Benannte Farbe · #693E42
Imperial Jewel
Imperial Jewel ist #693E42: rgb(105 62 66), hsl(354 26% 33%), oklch(0.416 0.061 14). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Imperial Jewel color name →
#693E42
oklch(0.416 0.061 14)
Farbumrechnungen
- HEX
- #693e42
- RGB
- rgb(105 62 66)
- HSL
- hsl(354 26% 33%)
- HWB
- hwb(354 24% 59%)
- OKLCH
- oklch(0.416 0.061 14)
- OKLab
- oklab(0.416 0.059 0.015)
- CIE Lab
- lab(31.64 19.72 5.98)
- LCH
- lch(31.64 20.61 16.9)
- CMYK
- cmyk(0% 41% 37% 59%)
Tints · Shades · Tones
Tints
- 785053
- 866164
- 957476
- A48788
- B39A9B
- C2ADAE
- D1C1C2
- E0D5D6
- F0EAEA
Shades
- 5A3538
- 4C2B2F
- 3E2325
- 311A1C
- 241214
- 180A0B
- 0C0405
- 040101
- 000000
Tones
- 6C4548
- 6F4B4E
- 715254
- 74585A
- 765F60
- 786566
- 7A6C6D
- 7C7373
- 7E797A
Farbharmonien
Komplementär +180°
- 693E42
Imperial Jewel
- 1A5656
≈ Ramsons
Analog -30° +30°
- 693E42
Imperial Jewel
- 643F54
≈ Purple Stiletto
- 684130
≈ Roasted Coffee
Triadisch +120° +240°
- 693E42
Imperial Jewel
- 3E5331
≈ Zen Garden Olive
- 344E6D
≈ Police Blue
Geteilt komplementär +150° +210°
- 693E42
Imperial Jewel
- 295743
≈ Green Stain
- 215365
≈ Juggernaut
Tetradisch +90° +180° +270°
- 693E42
Imperial Jewel
- 524E24
≈ Bronze Olive
- 1A5656
≈ Ramsons
- 48486C
≈ Deepest Fig
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.86:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.36:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.86:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--imperial-jewel: #693e42;
--imperial-jewel-rgb: 105 62 66;
--imperial-jewel-oklch: oklch(0.416 0.061 14);
}
.element {
color: var(--imperial-jewel);
background-color: hsl(354 26% 33%);
border-color: oklch(0.416 0.061 14);
}Tailwind CSS v4
@theme {
--color-imperial-jewel: #693e42;
--color-imperial-jewel-50: #ffefef;
--color-imperial-jewel-100: #fce0e1;
--color-imperial-jewel-200: #edcacb;
--color-imperial-jewel-300: #d5abad;
--color-imperial-jewel-400: #c09094;
--color-imperial-jewel-500: #aa767a;
--color-imperial-jewel-600: #906467;
--color-imperial-jewel-700: #745052;
--color-imperial-jewel-800: #553a3d;
--color-imperial-jewel-900: #3c282a;
--color-imperial-jewel-950: #251617;
}SCSS
$imperial-jewel: #693e42;
$imperial-jewel-rgb: 105, 62, 66;
$imperial-jewel-light: mix(#fff, $imperial-jewel, 20%);
$imperial-jewel-dark: mix(#000, $imperial-jewel, 20%);
.element {
color: $imperial-jewel;
box-shadow: 0 0 0 2px rgba($imperial-jewel, 0.35);
}