Dichtstbijzijnde benoemde kleur · #793D28
#793D28
Dichtstbijzijnde benoemde kleur: Stone Age Queen
#793D28 (rgb(121 61 40), hsl(16 50% 32%), oklch(0.432 0.09 39.7)) komt het dichtst bij de benoemde kleur Stone Age Queen. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#793D28
oklch(0.432 0.09 39.7)
Kleurconversies
- HEX
- #793d28
- RGB
- rgb(121 61 40)
- HSL
- hsl(16 50% 32%)
- HWB
- hwb(16 16% 53%)
- OKLCH
- oklch(0.432 0.09 39.7)
- OKLab
- oklab(0.432 0.069 0.057)
- CIE Lab
- lab(33.41 25.32 25.13)
- LCH
- lch(33.41 35.67 44.8)
- CMYK
- cmyk(0% 50% 67% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 874F3C
- 956250
- A27465
- B08779
- BD9A8F
- CAAEA4
- D8C2BA
- E5D6D1
- F2EAE8
Schaduwen
- 683421
- 582B1B
- 482215
- 391A0F
- 2B1209
- 1D0A04
- 100402
- 050101
- 010000
Tonen
- 7B4431
- 7C4B3A
- 7D5243
- 7E594C
- 7F5F54
- 80665D
- 806C66
- 80736E
- 807977
Kleurharmonieën
Complementair +180°
- 793D28
Stone Age Queen
- 005A6E
≈ Deep Lagoon
Analoog -30° +30°
- 793D28
Stone Age Queen
- 793945
≈ Cordova Burgundy
- 6F4608
≈ Antique Bronze
Triadisch +120° +240°
- 793D28
Stone Age Queen
- 135F3E
≈ Spruce
- 474A81
≈ Highlands Twilight
Gesplitst complementair +150° +210°
- 793D28
Stone Age Queen
- 005D59
≈ Tidal Pool
- 24537F
≈ Blueberry Twist
Tetradisch +90° +180° +270°
- 793D28
Stone Age Queen
- 405A20
≈ Lustrian Undergrowth
- 005A6E
≈ Deep Lagoon
- 5F4175
≈ Drifting Violet
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.36:1 · APCA Lc 88
Ag
FailOp zwart
WCAG 2.51:1 · APCA Lc 14
Beste tekstkleur: #FFFFFF
WCAG 8.36:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--stone-age-queen: #793d28;
--stone-age-queen-rgb: 121 61 40;
--stone-age-queen-oklch: oklch(0.432 0.09 39.7);
}
.element {
color: var(--stone-age-queen);
background-color: hsl(16 50% 32%);
border-color: oklch(0.432 0.09 39.7);
}Tailwind CSS v4
@theme {
--color-stone-age-queen: #793d28;
--color-stone-age-queen-50: #ffede2;
--color-stone-age-queen-100: #ffdfd1;
--color-stone-age-queen-200: #f7c8b7;
--color-stone-age-queen-300: #e0a994;
--color-stone-age-queen-400: #cd8c76;
--color-stone-age-queen-500: #b97158;
--color-stone-age-queen-600: #9c604b;
--color-stone-age-queen-700: #7d4c3b;
--color-stone-age-queen-800: #5d372b;
--color-stone-age-queen-900: #41261d;
--color-stone-age-queen-950: #2a140d;
}SCSS
$stone-age-queen: #793d28;
$stone-age-queen-rgb: 121, 61, 40;
$stone-age-queen-light: mix(#fff, $stone-age-queen, 20%);
$stone-age-queen-dark: mix(#000, $stone-age-queen, 20%);
.element {
color: $stone-age-queen;
box-shadow: 0 0 0 2px rgba($stone-age-queen, 0.35);
}