Benoemde kleur · #DBB8A4
Camel Hair
Camel Hair is #DBB8A4: rgb(219 184 164), hsl(22 43% 75%), oklch(0.808 0.049 51.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Camel Hair color name →
#DBB8A4
oklch(0.808 0.049 51.5)
Kleurconversies
- HEX
- #dbb8a4
- RGB
- rgb(219 184 164)
- HSL
- hsl(22 43% 75%)
- HWB
- hwb(22 64% 14%)
- OKLCH
- oklch(0.808 0.049 51.5)
- OKLab
- oklab(0.808 0.031 0.038)
- CIE Lab
- lab(77.5 10.77 15.13)
- LCH
- lch(77.5 18.58 54.6)
- CMYK
- cmyk(0% 16% 25% 14%)
Tinten · Schaduwen · Tonen
Tinten
- DFBFAD
- E2C6B6
- E6CDBF
- EAD4C8
- EDDBD1
- F1E2DA
- F5E9E3
- F8F1EC
- FCF8F6
Schaduwen
- BEA08E
- A28879
- 877164
- 6D5B50
- 54453D
- 3C312B
- 261E1A
- 110C0A
- 020201
Tonen
- D2B2A0
- C8AD9D
- BFA799
- B6A196
- AD9C92
- A4968E
- 9B918B
- 928B87
- 898584
Kleurharmonieën
Complementair +180°
- DBB8A4
Camel Hair
- A1C7DB
≈ Piezo Blue
Analoog -30° +30°
- DBB8A4
Camel Hair
- DEB4B2
≈ Peachskin
- D0BE9D
≈ Final Straw
Triadisch +120° +240°
- DBB8A4
Camel Hair
- A1CBBC
≈ Tareyton
- C0BBDE
≈ Melrose
Gesplitst complementair +150° +210°
- DBB8A4
Camel Hair
- 9CCACD
≈ Aqua Mist
- AFC1E1
≈ Promise
Tetradisch +90° +180° +270°
- DBB8A4
Camel Hair
- AFC9AB
≈ Relish
- A1C7DB
≈ Piezo Blue
- CFB6D4
≈ Liberace
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOp zwart
WCAG 11.40:1 · APCA Lc 68
Beste tekstkleur: #000000
WCAG 11.40:1 (AAA) · APCA Lc 68
Contrast pairs
Codefragmenten
CSS
:root {
--camel-hair: #dbb8a4;
--camel-hair-rgb: 219 184 164;
--camel-hair-oklch: oklch(0.808 0.049 51.5);
}
.element {
color: var(--camel-hair);
background-color: hsl(22 43% 75%);
border-color: oklch(0.808 0.049 51.5);
}Tailwind CSS v4
@theme {
--color-camel-hair: #dbb8a4;
--color-camel-hair-50: #fff2e8;
--color-camel-hair-100: #f6e4d9;
--color-camel-hair-200: #e6cfc1;
--color-camel-hair-300: #ccb1a1;
--color-camel-hair-400: #b79784;
--color-camel-hair-500: #a17d69;
--color-camel-hair-600: #886a59;
--color-camel-hair-700: #6d5547;
--color-camel-hair-800: #513e33;
--color-camel-hair-900: #382a23;
--color-camel-hair-950: #231812;
}SCSS
$camel-hair: #dbb8a4;
$camel-hair-rgb: 219, 184, 164;
$camel-hair-light: mix(#fff, $camel-hair, 20%);
$camel-hair-dark: mix(#000, $camel-hair, 20%);
.element {
color: $camel-hair;
box-shadow: 0 0 0 2px rgba($camel-hair, 0.35);
}