Couleur nommée · #D2BBB2
Forever Fairytale
Forever Fairytale correspond à #D2BBB2 : rgb(210 187 178), hsl(17 26% 76%), oklch(0.809 0.029 42.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Forever Fairytale color name →
#D2BBB2
oklch(0.809 0.029 42.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D7C2B9
- DBC8C1
- E0CFC9
- E4D6D0
- E9DDD8
- EDE3E0
- F2EAE7
- F6F1EF
- FBF8F7
Ombres
- B6A29A
- 9B8A83
- 81736D
- 685C57
- 504643
- 39322F
- 241F1D
- 100D0C
- 020201
Tons
- CAB5AD
- C1AFA8
- B9A9A3
- B0A39E
- A89D99
- A09794
- 98918F
- 908C8A
- 888685
Harmonies de couleurs
Complémentaire +180°
- D2BBB2
Forever Fairytale
- ADC5CE
≈ Roquefort Blue
Analogue -30° +30°
- D2BBB2
Forever Fairytale
- D3B9BB
≈ Mediterranean Sunset
- CDBEAD
≈ Birchwood
Triadique +120° +240°
- D2BBB2
Forever Fairytale
- B1C7BB
≈ Pine Whisper
- BDBFD4
≈ Sweet Juliet
Complémentaire divisée +150° +210°
- D2BBB2
Forever Fairytale
- ACC7C6
≈ Blue Agave
- B4C2D4
≈ Elevated
Tétradique +90° +180° +270°
- D2BBB2
Forever Fairytale
- B9C5B2
≈ Komorebi
- ADC5CE
≈ Roquefort Blue
- C7BBCF
≈ Purpling Dawn
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.82:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.49:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
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);
}