Colore con nome · #B7D7DE
Everglade Mist
Everglade Mist è #B7D7DE: rgb(183 215 222), hsl(191 37% 79%), oklch(0.858 0.035 212.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Everglade Mist color name →
#B7D7DE
oklch(0.858 0.035 212.4)
Conversioni di colore
- HEX
- #b7d7de
- RGB
- rgb(183 215 222)
- HSL
- hsl(191 37% 79%)
- HWB
- hwb(191 72% 13%)
- OKLCH
- oklch(0.858 0.035 212.4)
- OKLab
- oklab(0.858 -0.03 -0.019)
- CIE Lab
- lab(83.8 -9.88 -7.2)
- LCH
- lch(83.8 12.22 216.1)
- CMYK
- cmyk(18% 3% 0% 13%)
Tinte · Ombre · Toni
Tinte
- BEDBE1
- C5DFE5
- CDE3E8
- D4E7EB
- DBEBEE
- E2EFF2
- E9F3F5
- F1F7F8
- F8FBFC
Ombre
- 9FBBC1
- 879FA5
- 708589
- 5A6B6F
- 455255
- 313B3D
- 1E2526
- 0C1112
- 020202
Toni
- B1CED4
- ACC5CA
- A6BCC1
- A1B3B7
- 9BABAE
- 96A2A4
- 90999B
- 8B9192
- 858889
Armonie di colore
Complementare +180°
- B7D7DE
Everglade Mist
- E7C9C2
≈ Tangy Taffy
Analogo -30° +30°
- B7D7DE
Everglade Mist
- B8D8D2
≈ High Point
- BDD4E6
≈ Beau Blue
Triadico +120° +240°
- B7D7DE
Everglade Mist
- DFC8DB
≈ Decadial Pink
- D8D0B7
≈ Berber
Complementare divisa +150° +210°
- B7D7DE
Everglade Mist
- E6C7CE
≈ Oh so Pretty
- E2CCB9
≈ Safari Map
Tetradico +90° +180° +270°
- B7D7DE
Everglade Mist
- D4CBE4
≈ Vision
- E7C9C2
≈ Tangy Taffy
- CCD4BB
≈ Canary Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.78:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--everglade-mist: #b7d7de;
--everglade-mist-rgb: 183 215 222;
--everglade-mist-oklch: oklch(0.858 0.035 212.4);
}
.element {
color: var(--everglade-mist);
background-color: hsl(191 37% 79%);
border-color: oklch(0.858 0.035 212.4);
}Tailwind CSS v4
@theme {
--color-everglade-mist: #b7d7de;
--color-everglade-mist-50: #eaf8fb;
--color-everglade-mist-100: #dbebef;
--color-everglade-mist-200: #c4d8de;
--color-everglade-mist-300: #a4bcc3;
--color-everglade-mist-400: #87a4ab;
--color-everglade-mist-500: #6b8d94;
--color-everglade-mist-600: #5b777d;
--color-everglade-mist-700: #495f64;
--color-everglade-mist-800: #344649;
--color-everglade-mist-900: #243033;
--color-everglade-mist-950: #121d1e;
}SCSS
$everglade-mist: #b7d7de;
$everglade-mist-rgb: 183, 215, 222;
$everglade-mist-light: mix(#fff, $everglade-mist, 20%);
$everglade-mist-dark: mix(#000, $everglade-mist, 20%);
.element {
color: $everglade-mist;
box-shadow: 0 0 0 2px rgba($everglade-mist, 0.35);
}