Dichtstbijzijnde benoemde kleur · #CF8B5D
#CF8B5D
Dichtstbijzijnde benoemde kleur: Whiskey
#CF8B5D (rgb(207 139 93), hsl(24 54% 59%), oklch(0.696 0.103 54.3)) komt het dichtst bij de benoemde kleur Whiskey. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#CF8B5D
oklch(0.696 0.103 54.3)
Kleurconversies
- HEX
- #cf8b5d
- RGB
- rgb(207 139 93)
- HSL
- hsl(24 54% 59%)
- HWB
- hwb(24 36% 19%)
- OKLCH
- oklch(0.696 0.103 54.3)
- OKLab
- oklab(0.696 0.06 0.084)
- CIE Lab
- lab(64.21 23.16 35.52)
- LCH
- lch(64.21 42.41 56.9)
- CMYK
- cmyk(0% 33% 55% 19%)
Tinten · Schaduwen · Tonen
Tinten
- D4976E
- DAA27E
- DFAE8E
- E4B99E
- E9C5AE
- EED0BE
- F2DCCE
- F7E8DE
- FBF3EF
Schaduwen
- B47850
- 996643
- 7F5437
- 67432A
- 4F321F
- 382314
- 23140A
- 100703
- 020100
Tonen
- C78A62
- C08966
- B8896A
- B0886D
- A88671
- A08574
- 988477
- 90837A
- 88817D
Kleurharmonieën
Complementair +180°
- CF8B5D
Whiskey
- 54A7D4
≈ Cousteau
Analoog -30° +30°
- CF8B5D
Whiskey
- D6837D
≈ Salmon Pate
- BB984C
≈ Brown Rum
Triadisch +120° +240°
- CF8B5D
Whiskey
- 4BB298
≈ Green Blue
- A190D7
≈ Middy’s Purple
Gesplitst complementair +150° +210°
- CF8B5D
Whiskey
- 39AFBB
≈ Placid Sea
- 7D9CDE
≈ Portage
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.50:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--whiskey: #cf8b5d;
--whiskey-rgb: 207 139 93;
--whiskey-oklch: oklch(0.696 0.103 54.3);
}
.element {
color: var(--whiskey);
background-color: hsl(24 54% 59%);
border-color: oklch(0.696 0.103 54.3);
}Tailwind CSS v4
@theme {
--color-whiskey: #cf8b5d;
--color-whiskey-50: #ffeed9;
--color-whiskey-100: #ffe0c7;
--color-whiskey-200: #f8caaa;
--color-whiskey-300: #e1aa84;
--color-whiskey-400: #ce8d62;
--color-whiskey-500: #ba723e;
--color-whiskey-600: #9e6136;
--color-whiskey-700: #7e4d2a;
--color-whiskey-800: #5e371e;
--color-whiskey-900: #422614;
--color-whiskey-950: #2a1406;
}SCSS
$whiskey: #cf8b5d;
$whiskey-rgb: 207, 139, 93;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}