Dichtstbijzijnde benoemde kleur · #98700E
#98700E
Dichtstbijzijnde benoemde kleur: Glazed Chestnut
#98700E (rgb(152 112 14), hsl(43 83% 33%), oklch(0.57 0.113 82.7)) komt het dichtst bij de benoemde kleur Glazed Chestnut. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#98700E
oklch(0.57 0.113 82.7)
Kleurconversies
- HEX
- #98700e
- RGB
- rgb(152 112 14)
- HSL
- hsl(43 83% 33%)
- HWB
- hwb(43 5% 40%)
- OKLCH
- oklch(0.57 0.113 82.7)
- OKLab
- oklab(0.57 0.014 0.113)
- CIE Lab
- lab(50.25 10.39 53.37)
- LCH
- lch(50.25 54.37 79)
- CMYK
- cmyk(0% 26% 91% 40%)
Tinten · Schaduwen · Tonen
Tinten
- A27E33
- AC8C4D
- B79A64
- C1A87A
- CBB690
- D5C5A6
- E0D3BC
- EAE2D2
- F5F0E8
Schaduwen
- 84600B
- 705107
- 5C4305
- 4A3503
- 382702
- 271A01
- 170E00
- 080400
- 010100
Tonen
- 967225
- 947434
- 917640
- 8F774B
- 8C7955
- 8A7B5E
- 887C67
- 857D6F
- 837F78
Kleurharmonieën
Complementair +180°
- 98700E
Glazed Chestnut
- 5376BA
≈ Diva Violet
Analoog -30° +30°
- 98700E
Glazed Chestnut
- AB6231
≈ Clove Dye
- 797E20
≈ Pacifika
Triadisch +120° +240°
- 98700E
Glazed Chestnut
- 008891
≈ Tuscana Blue
- 975F9E
≈ Empire Violet
Gesplitst complementair +150° +210°
- 98700E
Glazed Chestnut
- 1182AF
≈ Tusche Blue
- 7A6AB4
≈ Clear Mauve
Tetradisch +90° +180° +270°
- 98700E
Glazed Chestnut
- 008C71
≈ Carolina Green
- 5376BA
≈ Diva Violet
- AA597E
≈ Guppy Violet
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--glazed-chestnut: #98700e;
--glazed-chestnut-rgb: 152 112 14;
--glazed-chestnut-oklch: oklch(0.57 0.113 82.7);
}
.element {
color: var(--glazed-chestnut);
background-color: hsl(43 83% 33%);
border-color: oklch(0.57 0.113 82.7);
}Tailwind CSS v4
@theme {
--color-glazed-chestnut: #98700e;
--color-glazed-chestnut-50: #fff3d1;
--color-glazed-chestnut-100: #fae6bd;
--color-glazed-chestnut-200: #ebd19d;
--color-glazed-chestnut-300: #d2b372;
--color-glazed-chestnut-400: #bf9849;
--color-glazed-chestnut-500: #ab7e0c;
--color-glazed-chestnut-600: #906b11;
--color-glazed-chestnut-700: #74550e;
--color-glazed-chestnut-800: #563d08;
--color-glazed-chestnut-900: #3c2a05;
--color-glazed-chestnut-950: #261800;
}SCSS
$glazed-chestnut: #98700e;
$glazed-chestnut-rgb: 152, 112, 14;
$glazed-chestnut-light: mix(#fff, $glazed-chestnut, 20%);
$glazed-chestnut-dark: mix(#000, $glazed-chestnut, 20%);
.element {
color: $glazed-chestnut;
box-shadow: 0 0 0 2px rgba($glazed-chestnut, 0.35);
}