Colore con nome · #FAEAE2
Dogwood
Dogwood è #FAEAE2: rgb(250 234 226), hsl(20 71% 93%), oklch(0.948 0.021 48.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dogwood color name →
#FAEAE2
oklch(0.948 0.021 48.5)
Conversioni di colore
- HEX
- #faeae2
- RGB
- rgb(250 234 226)
- HSL
- hsl(20 71% 93%)
- HWB
- hwb(20 89% 2%)
- OKLCH
- oklch(0.948 0.021 48.5)
- OKLab
- oklab(0.948 0.014 0.015)
- CIE Lab
- lab(93.82 4.63 5.95)
- LCH
- lch(93.82 7.54 52.1)
- CMYK
- cmyk(0% 6% 10% 2%)
Tinte · Ombre · Toni
Tinte
- FBECE5
- FBEEE8
- FCF0EB
- FCF2EE
- FDF4F0
- FDF7F3
- FEF9F6
- FEFBF9
- FFFDFC
Ombre
- D9CBC4
- BAAEA8
- 9B918C
- 7D7571
- 615A57
- 46413E
- 2D2927
- 151312
- 030303
Toni
- EDDFD8
- E0D4CE
- D4C9C4
- C7BEBA
- BBB4B0
- AFA9A6
- A39F9C
- 979493
- 8C8A89
Armonie di colore
Complementare +180°
- FAEAE2
Dogwood
- E0F1F9
≈ Wizard White
Analogo -30° +30°
- FAEAE2
Dogwood
- FBE9E8
≈ Ballerina Gown
- F5ECDF
≈ Light Touch
Triadico +120° +240°
- FAEAE2
Dogwood
- E1F2EB
≈ Paradise
- EDECFB
≈ Placebo Purple
Complementare divisa +150° +210°
- FAEAE2
Dogwood
- DFF2F3
≈ Bone-Chilling
- E5EEFC
≈ Cotton Boll
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.93:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.93:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--dogwood: #faeae2;
--dogwood-rgb: 250 234 226;
--dogwood-oklch: oklch(0.948 0.021 48.5);
}
.element {
color: var(--dogwood);
background-color: hsl(20 71% 93%);
border-color: oklch(0.948 0.021 48.5);
}Tailwind CSS v4
@theme {
--color-dogwood: #faeae2;
--color-dogwood-50: #faf4f0;
--color-dogwood-100: #eee6e2;
--color-dogwood-200: #dcd2cd;
--color-dogwood-300: #c1b5ae;
--color-dogwood-400: #a99b94;
--color-dogwood-500: #92827b;
--color-dogwood-600: #7c6e68;
--color-dogwood-700: #635853;
--color-dogwood-800: #49403c;
--color-dogwood-900: #322c2a;
--color-dogwood-950: #1e1917;
}SCSS
$dogwood: #faeae2;
$dogwood-rgb: 250, 234, 226;
$dogwood-light: mix(#fff, $dogwood, 20%);
$dogwood-dark: mix(#000, $dogwood, 20%);
.element {
color: $dogwood;
box-shadow: 0 0 0 2px rgba($dogwood, 0.35);
}