Benoemde kleur · #DDCFBF
Brig O’doon
Brig O’doon is #DDCFBF: rgb(221 207 191), hsl(32 31% 81%), oklch(0.862 0.027 71.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Brig O’doon color name →
#DDCFBF
oklch(0.862 0.027 71.2)
Kleurconversies
- HEX
- #ddcfbf
- RGB
- rgb(221 207 191)
- HSL
- hsl(32 31% 81%)
- HWB
- hwb(32 75% 13%)
- OKLCH
- oklch(0.862 0.027 71.2)
- OKLab
- oklab(0.862 0.009 0.025)
- CIE Lab
- lab(83.95 3.06 9.82)
- LCH
- lch(83.95 10.29 72.7)
- CMYK
- cmyk(0% 6% 14% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E0D4C5
- E4D8CC
- E7DDD2
- EBE2D8
- EEE7DF
- F1ECE5
- F5F0EC
- F8F5F2
- FCFAF8
Schaduwen
- C0B4A6
- A4998D
- 887F75
- 6E675E
- 554F48
- 3D3833
- 26231F
- 11100D
- 020202
Tonen
- D3C7B9
- CABFB2
- C0B7AC
- B7AFA5
- ADA79F
- A49F99
- 9B9792
- 928F8C
- 898886
Kleurharmonieën
Complementair +180°
- DDCFBF
Brig O’doon
- C5D3E3
≈ Leap of Faith
Analoog -30° +30°
- DDCFBF
Brig O’doon
- E2CCC4
≈ Rose Beige
- D5D2BF
≈ Traditional Tan
Triadisch +120° +240°
- DDCFBF
Brig O’doon
- BFD7D6
≈ Viridian Green
- D7CDDF
≈ Violet Mist
Gesplitst complementair +150° +210°
- DDCFBF
Brig O’doon
- BFD6DE
≈ Blue Perennial
- CED0E3
≈ Wildflower Prairie
Tetradisch +90° +180° +270°
- DDCFBF
Brig O’doon
- C3D7CC
≈ Meadow Lane
- C5D3E3
≈ Leap of Faith
- DFCBD7
≈ Lilac Lane
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.52:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.75:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--brig-o-doon: #ddcfbf;
--brig-o-doon-rgb: 221 207 191;
--brig-o-doon-oklch: oklch(0.862 0.027 71.2);
}
.element {
color: var(--brig-o-doon);
background-color: hsl(32 31% 81%);
border-color: oklch(0.862 0.027 71.2);
}Tailwind CSS v4
@theme {
--color-brig-o-doon: #ddcfbf;
--color-brig-o-doon-50: #faf4ed;
--color-brig-o-doon-100: #ede7de;
--color-brig-o-doon-200: #dbd3c8;
--color-brig-o-doon-300: #c0b6a9;
--color-brig-o-doon-400: #a99c8e;
--color-brig-o-doon-500: #928473;
--color-brig-o-doon-600: #7b6f62;
--color-brig-o-doon-700: #63594e;
--color-brig-o-doon-800: #494139;
--color-brig-o-doon-900: #322d27;
--color-brig-o-doon-950: #1e1a15;
}SCSS
$brig-o-doon: #ddcfbf;
$brig-o-doon-rgb: 221, 207, 191;
$brig-o-doon-light: mix(#fff, $brig-o-doon, 20%);
$brig-o-doon-dark: mix(#000, $brig-o-doon, 20%);
.element {
color: $brig-o-doon;
box-shadow: 0 0 0 2px rgba($brig-o-doon, 0.35);
}