Colore con nome · #D3E5DB
Summer Breeze
Summer Breeze è #D3E5DB: rgb(211 229 219), hsl(147 26% 86%), oklch(0.906 0.023 161.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Summer Breeze color name →
#D3E5DB
oklch(0.906 0.023 161.7)
Conversioni di colore
- HEX
- #d3e5db
- RGB
- rgb(211 229 219)
- HSL
- hsl(147 26% 86%)
- HWB
- hwb(147 83% 10%)
- OKLCH
- oklch(0.906 0.023 161.7)
- OKLab
- oklab(0.906 -0.022 0.007)
- CIE Lab
- lab(89.37 -7.59 2.73)
- LCH
- lch(89.37 8.07 160.2)
- CMYK
- cmyk(8% 0% 4% 10%)
Tinte · Ombre · Toni
Tinte
- D7E8DF
- DCEAE2
- E0EDE6
- E5EFE9
- E9F2ED
- EDF5F0
- F2F7F4
- F6FAF8
- FBFCFB
Ombre
- B7C7BE
- 9CAAA2
- 828E87
- 69726D
- 515854
- 3A3F3C
- 242826
- 101211
- 020302
Toni
- CADAD2
- C2D0C8
- B9C6BF
- B1BBB6
- A9B1AC
- A0A7A3
- 989D9A
- 909391
- 888A89
Armonie di colore
Complementare +180°
- D3E5DB
Summer Breeze
- ECDAE4
≈ Mountain Heather
Analogo -30° +30°
- D3E5DB
Summer Breeze
- DAE3D4
≈ Water Lily
- CFE5E4
≈ Zircon Ice
Triadico +120° +240°
- D3E5DB
Summer Breeze
- DDDEF0
≈ Artemis Silver
- EEDBD4
≈ American Yorkshire
Complementare divisa +150° +210°
- D3E5DB
Summer Breeze
- E5DCEC
≈ Princess Fairy Tale
- EFDADC
≈ Sweet Bianca
Tetradico +90° +180° +270°
- D3E5DB
Summer Breeze
- D5E1EF
≈ Great Blue Heron
- ECDAE4
≈ Mountain Heather
- EADECF
≈ Moderate White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.00:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--summer-breeze: #d3e5db;
--summer-breeze-rgb: 211 229 219;
--summer-breeze-oklch: oklch(0.906 0.023 161.7);
}
.element {
color: var(--summer-breeze);
background-color: hsl(147 26% 86%);
border-color: oklch(0.906 0.023 161.7);
}Tailwind CSS v4
@theme {
--color-summer-breeze: #d3e5db;
--color-summer-breeze-50: #eff7f3;
--color-summer-breeze-100: #e1eae6;
--color-summer-breeze-200: #ccd8d1;
--color-summer-breeze-300: #adbbb4;
--color-summer-breeze-400: #93a39a;
--color-summer-breeze-500: #798b81;
--color-summer-breeze-600: #67766d;
--color-summer-breeze-700: #525e57;
--color-summer-breeze-800: #3c453f;
--color-summer-breeze-900: #29302c;
--color-summer-breeze-950: #171c19;
}SCSS
$summer-breeze: #d3e5db;
$summer-breeze-rgb: 211, 229, 219;
$summer-breeze-light: mix(#fff, $summer-breeze, 20%);
$summer-breeze-dark: mix(#000, $summer-breeze, 20%);
.element {
color: $summer-breeze;
box-shadow: 0 0 0 2px rgba($summer-breeze, 0.35);
}