Benoemde kleur · #C3BDAA
Candle Bark
Candle Bark is #C3BDAA: rgb(195 189 170), hsl(46 17% 72%), oklch(0.798 0.027 92.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Candle Bark color name →
#C3BDAA
oklch(0.798 0.027 92.4)
Kleurconversies
- HEX
- #c3bdaa
- RGB
- rgb(195 189 170)
- HSL
- hsl(46 17% 72%)
- HWB
- hwb(46 67% 24%)
- OKLCH
- oklch(0.798 0.027 92.4)
- OKLab
- oklab(0.798 -0.001 0.027)
- CIE Lab
- lab(76.72 -0.24 10.44)
- LCH
- lch(76.72 10.44 91.3)
- CMYK
- cmyk(0% 3% 13% 24%)
Tinten · Schaduwen · Tonen
Tinten
- C9C3B2
- CFCABB
- D5D0C3
- DBD7CB
- E1DED4
- E7E4DC
- EDEBE5
- F3F2EE
- F9F8F6
Schaduwen
- A9A493
- 908C7D
- 787468
- 605D53
- 4A473F
- 34332D
- 201F1B
- 0E0D0B
- 020201
Tonen
- BCB7A6
- B5B0A2
- AEAA9D
- A8A499
- A19E95
- 9A9891
- 94928C
- 8D8C88
- 868684
Kleurharmonieën
Complementair +180°
- C3BDAA
Candle Bark
- B7BCCF
≈ Arctic Ice
Analoog -30° +30°
- C3BDAA
Candle Bark
- CABAAC
≈ Bona Fide Beige
- BAC0AD
≈ Celandine Green
Triadisch +120° +240°
- C3BDAA
Candle Bark
- AAC2C7
≈ Feathery Blue
- C8B7C5
≈ Ballad
Gesplitst complementair +150° +210°
- C3BDAA
Candle Bark
- AFC0CD
≈ Cerulean Tint
- C0B9CC
≈ Wild Lilac
Tetradisch +90° +180° +270°
- C3BDAA
Candle Bark
- ABC3BE
≈ Misty Dreams
- B7BCCF
≈ Arctic Ice
- CDB6BB
≈ Mauve Finery
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.87:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 11.17:1 · APCA Lc 67
Beste tekstkleur: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
Codefragmenten
CSS
:root {
--candle-bark: #c3bdaa;
--candle-bark-rgb: 195 189 170;
--candle-bark-oklch: oklch(0.798 0.027 92.4);
}
.element {
color: var(--candle-bark);
background-color: hsl(46 17% 72%);
border-color: oklch(0.798 0.027 92.4);
}Tailwind CSS v4
@theme {
--color-candle-bark: #c3bdaa;
--color-candle-bark-50: #f7f5ed;
--color-candle-bark-100: #ebe8de;
--color-candle-bark-200: #d8d4c8;
--color-candle-bark-300: #bcb7a8;
--color-candle-bark-400: #a49e8d;
--color-candle-bark-500: #8c8672;
--color-candle-bark-600: #777161;
--color-candle-bark-700: #5f5b4d;
--color-candle-bark-800: #464238;
--color-candle-bark-900: #302e26;
--color-candle-bark-950: #1d1a15;
}SCSS
$candle-bark: #c3bdaa;
$candle-bark-rgb: 195, 189, 170;
$candle-bark-light: mix(#fff, $candle-bark, 20%);
$candle-bark-dark: mix(#000, $candle-bark, 20%);
.element {
color: $candle-bark;
box-shadow: 0 0 0 2px rgba($candle-bark, 0.35);
}