Dichtstbijzijnde benoemde kleur · #C8AB9B
#C8AB9B
Dichtstbijzijnde benoemde kleur: Frappé
#C8AB9B (rgb(200 171 155), hsl(21 29% 70%), oklch(0.762 0.041 50.6)) komt het dichtst bij de benoemde kleur Frappé. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C8AB9B
oklch(0.762 0.041 50.6)
Kleurconversies
- HEX
- #c8ab9b
- RGB
- rgb(200 171 155)
- HSL
- hsl(21 29% 70%)
- HWB
- hwb(21 61% 22%)
- OKLCH
- oklch(0.762 0.041 50.6)
- OKLab
- oklab(0.762 0.026 0.031)
- CIE Lab
- lab(72.25 9.04 12.38)
- LCH
- lch(72.25 15.33 53.9)
- CMYK
- cmyk(0% 15% 23% 22%)
Tinten · Schaduwen · Tonen
Tinten
- CEB3A5
- D3BBAE
- D9C4B8
- DECCC2
- E4D4CC
- E9DDD6
- EFE5E0
- F4EEEA
- FAF6F5
Schaduwen
- AE9486
- 947E72
- 7B685E
- 63544B
- 4C4039
- 362D28
- 211B18
- 0F0B09
- 020101
Tonen
- C1A798
- B9A296
- B29E93
- AB9A90
- A4958E
- 9C918B
- 958D88
- 8E8885
- 878483
Kleurharmonieën
Complementair +180°
- C8AB9B
Frappé
- 98B7C7
≈ Country Air
Analoog -30° +30°
- C8AB9B
Frappé
- CBA8A7
≈ Hydrangea Bouquet
- BFB095
≈ Mocha Cake
Triadisch +120° +240°
- C8AB9B
Frappé
- 99BBAE
≈ Moncur
- B1AECA
≈ Lavender Dream
Gesplitst complementair +150° +210°
- C8AB9B
Frappé
- 94BABC
≈ Watchet
- A3B3CC
≈ Kentucky Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.75:1 · APCA Lc 60
Beste tekstkleur: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Codefragmenten
CSS
:root {
--frappe: #c8ab9b;
--frappe-rgb: 200 171 155;
--frappe-oklch: oklch(0.762 0.041 50.6);
}
.element {
color: var(--frappe);
background-color: hsl(21 29% 70%);
border-color: oklch(0.762 0.041 50.6);
}Tailwind CSS v4
@theme {
--color-frappe: #c8ab9b;
--color-frappe-50: #fff2eb;
--color-frappe-100: #f4e5dc;
--color-frappe-200: #e3d0c5;
--color-frappe-300: #c9b2a5;
--color-frappe-400: #b39889;
--color-frappe-500: #9d7f6e;
--color-frappe-600: #856b5d;
--color-frappe-700: #6a564a;
--color-frappe-800: #4e3e36;
--color-frappe-900: #372b25;
--color-frappe-950: #211814;
}SCSS
$frappe: #c8ab9b;
$frappe-rgb: 200, 171, 155;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}