Colore con nome · #EFD0D2
Nursery
Nursery è #EFD0D2: rgb(239 208 210), hsl(356 49% 88%), oklch(0.884 0.035 13.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nursery color name →
#EFD0D2
oklch(0.884 0.035 13.4)
Conversioni di colore
- HEX
- #efd0d2
- RGB
- rgb(239 208 210)
- HSL
- hsl(356 49% 88%)
- HWB
- hwb(356 82% 6%)
- OKLCH
- oklch(0.884 0.035 13.4)
- OKLab
- oklab(0.884 0.034 0.008)
- CIE Lab
- lab(86.17 11.43 3.22)
- LCH
- lch(86.17 11.87 15.7)
- CMYK
- cmyk(0% 13% 12% 6%)
Tinte · Ombre · Toni
Tinte
- F1D5D6
- F2D9DB
- F4DEDF
- F6E3E4
- F7E7E8
- F9ECED
- FAF1F1
- FCF6F6
- FEFAFA
Ombre
- D0B5B6
- B19A9B
- 948081
- 786768
- 5C4F50
- 423939
- 2A2324
- 141010
- 030202
Toni
- E3C8C9
- D8BFC1
- CDB7B9
- C1AFB0
- B6A7A8
- AB9FA0
- A09798
- 958F90
- 8B8888
Armonie di colore
Complementare +180°
- EFD0D2
Nursery
- BFE1DF
≈ Sea Breath
Analogo -30° +30°
- EFD0D2
Nursery
- EAD0DF
≈ Creamy Freesia
- EED2C7
≈ Sugarcane
Triadico +120° +240°
- EFD0D2
Nursery
- D0DEC7
≈ Supreme Green
- C9DBF0
≈ Arctic Rain
Complementare divisa +150° +210°
- EFD0D2
Nursery
- C5E1D2
≈ Icy Mint
- C1DEEA
≈ Skywalker
Tetradico +90° +180° +270°
- EFD0D2
Nursery
- DCDAC0
≈ Panacea
- BFE1DF
≈ Sea Breath
- D5D6F0
≈ Flax Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.62:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--nursery: #efd0d2;
--nursery-rgb: 239 208 210;
--nursery-oklch: oklch(0.884 0.035 13.4);
}
.element {
color: var(--nursery);
background-color: hsl(356 49% 88%);
border-color: oklch(0.884 0.035 13.4);
}Tailwind CSS v4
@theme {
--color-nursery: #efd0d2;
--color-nursery-50: #fff1f2;
--color-nursery-100: #f3e3e4;
--color-nursery-200: #e3cfcf;
--color-nursery-300: #c9b1b1;
--color-nursery-400: #b29698;
--color-nursery-500: #9c7d7f;
--color-nursery-600: #846a6c;
--color-nursery-700: #6a5556;
--color-nursery-800: #4e3e3f;
--color-nursery-900: #362a2c;
--color-nursery-950: #211819;
}SCSS
$nursery: #efd0d2;
$nursery-rgb: 239, 208, 210;
$nursery-light: mix(#fff, $nursery, 20%);
$nursery-dark: mix(#000, $nursery, 20%);
.element {
color: $nursery;
box-shadow: 0 0 0 2px rgba($nursery, 0.35);
}