Benoemde kleur · #CBBFA6
Sheepskin Rug
Sheepskin Rug is #CBBFA6: rgb(203 191 166), hsl(41 26% 72%), oklch(0.808 0.037 85.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Sheepskin Rug color name →
#CBBFA6
oklch(0.808 0.037 85.4)
Kleurconversies
- HEX
- #cbbfa6
- RGB
- rgb(203 191 166)
- HSL
- hsl(41 26% 72%)
- HWB
- hwb(41 65% 20%)
- OKLCH
- oklch(0.808 0.037 85.4)
- OKLab
- oklab(0.808 0.003 0.037)
- CIE Lab
- lab(77.84 1.33 14.27)
- LCH
- lch(77.84 14.33 84.7)
- CMYK
- cmyk(0% 6% 18% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D0C5AF
- D5CCB7
- DAD2C0
- E0D8C9
- E5DFD2
- EAE5DB
- EFECE4
- F4F2ED
- FAF8F6
Schaduwen
- B0A690
- 968D7A
- 7D7565
- 655E51
- 4D483E
- 37332B
- 221F1A
- 0F0D0A
- 020201
Tonen
- C3B9A2
- BCB29E
- B4AC9B
- ACA597
- A59F93
- 9D998F
- 96928B
- 8F8C88
- 878684
Kleurharmonieën
Complementair +180°
- CBBFA6
Sheepskin Rug
- B5C0D9
≈ Xenon Blue
Analoog -30° +30°
- CBBFA6
Sheepskin Rug
- D4BBAA
≈ Classic Sand
- BFC4A9
≈ Zion
Triadisch +120° +240°
- CBBFA6
Sheepskin Rug
- A6C8CC
≈ Spring Storm
- CDB9CD
≈ Antique Heather
Gesplitst complementair +150° +210°
- CBBFA6
Sheepskin Rug
- AAC5D5
≈ Dancing in the Rain
- C2BCD6
≈ Orchid House
Tetradisch +90° +180° +270°
- CBBFA6
Sheepskin Rug
- A9C8BF
≈ Wave Runner
- B5C0D9
≈ Xenon Blue
- D5B7C1
≈ Melting Violet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.54:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
CSS
:root {
--sheepskin-rug: #cbbfa6;
--sheepskin-rug-rgb: 203 191 166;
--sheepskin-rug-oklch: oklch(0.808 0.037 85.4);
}
.element {
color: var(--sheepskin-rug);
background-color: hsl(41 26% 72%);
border-color: oklch(0.808 0.037 85.4);
}Tailwind CSS v4
@theme {
--color-sheepskin-rug: #cbbfa6;
--color-sheepskin-rug-50: #faf5ea;
--color-sheepskin-rug-100: #ede7da;
--color-sheepskin-rug-200: #dbd4c3;
--color-sheepskin-rug-300: #bfb7a3;
--color-sheepskin-rug-400: #a89d86;
--color-sheepskin-rug-500: #91856b;
--color-sheepskin-rug-600: #7b705b;
--color-sheepskin-rug-700: #625a48;
--color-sheepskin-rug-800: #494134;
--color-sheepskin-rug-900: #322d23;
--color-sheepskin-rug-950: #1e1a12;
}SCSS
$sheepskin-rug: #cbbfa6;
$sheepskin-rug-rgb: 203, 191, 166;
$sheepskin-rug-light: mix(#fff, $sheepskin-rug, 20%);
$sheepskin-rug-dark: mix(#000, $sheepskin-rug, 20%);
.element {
color: $sheepskin-rug;
box-shadow: 0 0 0 2px rgba($sheepskin-rug, 0.35);
}