Benoemde kleur · #D2BBB2
Forever Fairytale
Forever Fairytale is #D2BBB2: rgb(210 187 178), hsl(17 26% 76%), oklch(0.809 0.029 42.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Forever Fairytale color name →
#D2BBB2
oklch(0.809 0.029 42.6)
Kleurconversies
- HEX
- #d2bbb2
- RGB
- rgb(210 187 178)
- HSL
- hsl(17 26% 76%)
- HWB
- hwb(17 70% 18%)
- OKLCH
- oklch(0.809 0.029 42.6)
- OKLab
- oklab(0.809 0.022 0.02)
- CIE Lab
- lab(77.68 7.37 7.72)
- LCH
- lch(77.68 10.67 46.3)
- CMYK
- cmyk(0% 11% 15% 18%)
Tinten · Schaduwen · Tonen
Tinten
- D7C2B9
- DBC8C1
- E0CFC9
- E4D6D0
- E9DDD8
- EDE3E0
- F2EAE7
- F6F1EF
- FBF8F7
Schaduwen
- B6A29A
- 9B8A83
- 81736D
- 685C57
- 504643
- 39322F
- 241F1D
- 100D0C
- 020201
Tonen
- CAB5AD
- C1AFA8
- B9A9A3
- B0A39E
- A89D99
- A09794
- 98918F
- 908C8A
- 888685
Kleurharmonieën
Complementair +180°
- D2BBB2
Forever Fairytale
- ADC5CE
≈ Roquefort Blue
Analoog -30° +30°
- D2BBB2
Forever Fairytale
- D3B9BB
≈ Mediterranean Sunset
- CDBEAD
≈ Birchwood
Triadisch +120° +240°
- D2BBB2
Forever Fairytale
- B1C7BB
≈ Pine Whisper
- BDBFD4
≈ Sweet Juliet
Gesplitst complementair +150° +210°
- D2BBB2
Forever Fairytale
- ACC7C6
≈ Blue Agave
- B4C2D4
≈ Elevated
Tetradisch +90° +180° +270°
- D2BBB2
Forever Fairytale
- B9C5B2
≈ Komorebi
- ADC5CE
≈ Roquefort Blue
- C7BBCF
≈ Purpling Dawn
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.82:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.49:1 · APCA Lc 68
Beste tekstkleur: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Codefragmenten
CSS
:root {
--forever-fairytale: #d2bbb2;
--forever-fairytale-rgb: 210 187 178;
--forever-fairytale-oklch: oklch(0.809 0.029 42.6);
}
.element {
color: var(--forever-fairytale);
background-color: hsl(17 26% 76%);
border-color: oklch(0.809 0.029 42.6);
}Tailwind CSS v4
@theme {
--color-forever-fairytale: #d2bbb2;
--color-forever-fairytale-50: #fdf3ee;
--color-forever-fairytale-100: #f1e5e0;
--color-forever-fairytale-200: #e0d1ca;
--color-forever-fairytale-300: #c5b3ab;
--color-forever-fairytale-400: #ae9991;
--color-forever-fairytale-500: #988077;
--color-forever-fairytale-600: #806d65;
--color-forever-fairytale-700: #675751;
--color-forever-fairytale-800: #4c3f3b;
--color-forever-fairytale-900: #352b28;
--color-forever-fairytale-950: #201916;
}SCSS
$forever-fairytale: #d2bbb2;
$forever-fairytale-rgb: 210, 187, 178;
$forever-fairytale-light: mix(#fff, $forever-fairytale, 20%);
$forever-fairytale-dark: mix(#000, $forever-fairytale, 20%);
.element {
color: $forever-fairytale;
box-shadow: 0 0 0 2px rgba($forever-fairytale, 0.35);
}