Couleur nommée · #F2C6BB
Fleecy Dreams
Fleecy Dreams correspond à #F2C6BB : rgb(242 198 187), hsl(12 68% 84%), oklch(0.862 0.053 34.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Fleecy Dreams color name →
#F2C6BB
oklch(0.862 0.053 34.4)
Conversions de couleur
- HEX
- #f2c6bb
- RGB
- rgb(242 198 187)
- HSL
- hsl(12 68% 84%)
- HWB
- hwb(12 73% 5%)
- OKLCH
- oklch(0.862 0.053 34.4)
- OKLab
- oklab(0.862 0.043 0.03)
- CIE Lab
- lab(83.57 14.92 11.73)
- LCH
- lch(83.57 18.98 38.2)
- CMYK
- cmyk(0% 18% 23% 5%)
Teintes · Ombres · Tons
Teintes
- F4CCC2
- F5D1C8
- F6D7CF
- F8DDD6
- F9E2DD
- FAE8E4
- FCEEEA
- FDF4F1
- FEF9F8
Ombres
- D2ACA2
- B4928A
- 967A73
- 79625C
- 5E4B46
- 433532
- 2B211F
- 140E0D
- 030202
Tons
- E6BFB5
- DAB8AF
- CFB1A9
- C3AAA3
- B8A29D
- AD9C97
- A19591
- 968E8C
- 8B8786
Harmonies de couleurs
Complémentaire +180°
- F2C6BB
Fleecy Dreams
- ABDBE7
≈ Light Washed Blue
Analogue -30° +30°
- F2C6BB
Fleecy Dreams
- F1C4CD
≈ Soft Satin
- EBCBAE
≈ Sandpoint
Triadique +120° +240°
- F2C6BB
Fleecy Dreams
- B8DCC2
≈ Sprite Twist
- C7D0F5
≈ Frozen Periwinkle
Complémentaire divisée +150° +210°
- F2C6BB
Fleecy Dreams
- ACDDD6
≈ Jaded Clouds
- B5D6F2
≈ Blue Rice
Tétradique +90° +180° +270°
- F2C6BB
Fleecy Dreams
- CAD8B3
≈ Chinese Leaf
- ABDBE7
≈ Light Washed Blue
- D9CAEE
≈ Foggy Love
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.54:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.57:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--fleecy-dreams: #f2c6bb;
--fleecy-dreams-rgb: 242 198 187;
--fleecy-dreams-oklch: oklch(0.862 0.053 34.4);
}
.element {
color: var(--fleecy-dreams);
background-color: hsl(12 68% 84%);
border-color: oklch(0.862 0.053 34.4);
}Tailwind CSS v4
@theme {
--color-fleecy-dreams: #f2c6bb;
--color-fleecy-dreams-50: #fff0eb;
--color-fleecy-dreams-100: #f9e2dc;
--color-fleecy-dreams-200: #eacdc5;
--color-fleecy-dreams-300: #d1afa5;
--color-fleecy-dreams-400: #bb948a;
--color-fleecy-dreams-500: #a67a6f;
--color-fleecy-dreams-600: #8c675e;
--color-fleecy-dreams-700: #70534b;
--color-fleecy-dreams-800: #533c37;
--color-fleecy-dreams-900: #3a2925;
--color-fleecy-dreams-950: #241714;
}SCSS
$fleecy-dreams: #f2c6bb;
$fleecy-dreams-rgb: 242, 198, 187;
$fleecy-dreams-light: mix(#fff, $fleecy-dreams, 20%);
$fleecy-dreams-dark: mix(#000, $fleecy-dreams, 20%);
.element {
color: $fleecy-dreams;
box-shadow: 0 0 0 2px rgba($fleecy-dreams, 0.35);
}