Colore con nome · #D9E0D8
Juniper Breeze
Juniper Breeze è #D9E0D8: rgb(217 224 216), hsl(113 11% 86%), oklch(0.899 0.013 141.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Juniper Breeze color name →
#D9E0D8
oklch(0.899 0.013 141.8)
Conversioni di colore
- HEX
- #d9e0d8
- RGB
- rgb(217 224 216)
- HSL
- hsl(113 11% 86%)
- HWB
- hwb(113 85% 12%)
- OKLCH
- oklch(0.899 0.013 141.8)
- OKLab
- oklab(0.899 -0.01 0.008)
- CIE Lab
- lab(88.47 -3.52 3.07)
- LCH
- lch(88.47 4.67 138.9)
- CMYK
- cmyk(3% 0% 4% 12%)
Tinte · Ombre · Toni
Tinte
- DDE3DC
- E1E6E0
- E4E9E4
- E8ECE7
- ECEFEB
- F0F3EF
- F3F6F3
- F7F9F7
- FBFCFB
Ombre
- BCC3BC
- A1A6A0
- 868A85
- 6C706B
- 535653
- 3B3E3B
- 252725
- 111211
- 020202
Toni
- D0D6CF
- C7CCC6
- BDC2BD
- B4B8B4
- ABAFAB
- A3A5A2
- 9A9C9A
- 919291
- 898988
Armonie di colore
Complementare +180°
- D9E0D8
Juniper Breeze
- E2DBE3
≈ He Loves Me
Analogo -30° +30°
- D9E0D8
Juniper Breeze
- DEDFD5
≈ Salt Cellar
- D6E1DD
≈ Windsurfer
Triadico +120° +240°
- D9E0D8
Juniper Breeze
- D9DEE7
≈ Angélique Grey
- E6DADA
≈ Minified Maroon
Complementare divisa +150° +210°
- D9E0D8
Juniper Breeze
- DDDCE6
≈ Violet Breeze
- E5DADE
≈ Faded Firebrick
Tetradico +90° +180° +270°
- D9E0D8
Juniper Breeze
- D6DFE5
≈ Blustery Day
- E2DBE3
≈ He Loves Me
- E5DBD6
≈ Cultured Pearl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.60:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--juniper-breeze: #d9e0d8;
--juniper-breeze-rgb: 217 224 216;
--juniper-breeze-oklch: oklch(0.899 0.013 141.8);
}
.element {
color: var(--juniper-breeze);
background-color: hsl(113 11% 86%);
border-color: oklch(0.899 0.013 141.8);
}Tailwind CSS v4
@theme {
--color-juniper-breeze: #d9e0d8;
--color-juniper-breeze-50: #f3f6f3;
--color-juniper-breeze-100: #e5e9e5;
--color-juniper-breeze-200: #d1d6d1;
--color-juniper-breeze-300: #b3b9b3;
--color-juniper-breeze-400: #9aa099;
--color-juniper-breeze-500: #818880;
--color-juniper-breeze-600: #6e736d;
--color-juniper-breeze-700: #585c57;
--color-juniper-breeze-800: #40443f;
--color-juniper-breeze-900: #2c2f2c;
--color-juniper-breeze-950: #191b19;
}SCSS
$juniper-breeze: #d9e0d8;
$juniper-breeze-rgb: 217, 224, 216;
$juniper-breeze-light: mix(#fff, $juniper-breeze, 20%);
$juniper-breeze-dark: mix(#000, $juniper-breeze, 20%);
.element {
color: $juniper-breeze;
box-shadow: 0 0 0 2px rgba($juniper-breeze, 0.35);
}