Colore con nome · #B5D1DB
Shrubby Lichen
Shrubby Lichen è #B5D1DB: rgb(181 209 219), hsl(196 35% 78%), oklch(0.843 0.033 221.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shrubby Lichen color name →
#B5D1DB
oklch(0.843 0.033 221.3)
Conversioni di colore
- HEX
- #b5d1db
- RGB
- rgb(181 209 219)
- HSL
- hsl(196 35% 78%)
- HWB
- hwb(196 71% 14%)
- OKLCH
- oklch(0.843 0.033 221.3)
- OKLab
- oklab(0.843 -0.025 -0.022)
- CIE Lab
- lab(81.99 -8.12 -8.28)
- LCH
- lch(81.99 11.6 225.6)
- CMYK
- cmyk(17% 5% 0% 14%)
Tinte · Ombre · Toni
Tinte
- BCD6DF
- C4DAE2
- CBDFE6
- D2E3E9
- DAE8ED
- E1ECF1
- E9F1F4
- F0F6F8
- F8FAFB
Ombre
- 9DB5BE
- 869BA2
- 6F8187
- 59686D
- 445054
- 30393C
- 1D2326
- 0C1011
- 020202
Toni
- B0C9D2
- AAC0C8
- A5B8BF
- A0B0B6
- 9AA8AC
- 95A0A3
- 90989A
- 8B9092
- 858889
Armonie di colore
Complementare +180°
- B5D1DB
Shrubby Lichen
- E0C5BB
≈ Tender Shell
Analogo -30° +30°
- B5D1DB
Shrubby Lichen
- B4D3D1
≈ Icy Morn
- BCCEE1
≈ Sky’s the Limit
Triadico +120° +240°
- B5D1DB
Shrubby Lichen
- DCC4D2
≈ Scented Soap
- D0CDB4
≈ Bright Sage
Complementare divisa +150° +210°
- B5D1DB
Shrubby Lichen
- E0C3C6
≈ Odyssey Plum
- DAC8B5
≈ Cocoa Cream
Tetradico +90° +180° +270°
- B5D1DB
Shrubby Lichen
- D3C6DC
≈ On Location
- E0C5BB
≈ Tender Shell
- C4D0BA
≈ Tender Greens
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--shrubby-lichen: #b5d1db;
--shrubby-lichen-rgb: 181 209 219;
--shrubby-lichen-oklch: oklch(0.843 0.033 221.3);
}
.element {
color: var(--shrubby-lichen);
background-color: hsl(196 35% 78%);
border-color: oklch(0.843 0.033 221.3);
}Tailwind CSS v4
@theme {
--color-shrubby-lichen: #b5d1db;
--color-shrubby-lichen-50: #ecf7fc;
--color-shrubby-lichen-100: #ddebf0;
--color-shrubby-lichen-200: #c6d8df;
--color-shrubby-lichen-300: #a6bcc4;
--color-shrubby-lichen-400: #8aa3ac;
--color-shrubby-lichen-500: #6e8c96;
--color-shrubby-lichen-600: #5e767f;
--color-shrubby-lichen-700: #4b5e65;
--color-shrubby-lichen-800: #36454a;
--color-shrubby-lichen-900: #253034;
--color-shrubby-lichen-950: #131c1f;
}SCSS
$shrubby-lichen: #b5d1db;
$shrubby-lichen-rgb: 181, 209, 219;
$shrubby-lichen-light: mix(#fff, $shrubby-lichen, 20%);
$shrubby-lichen-dark: mix(#000, $shrubby-lichen, 20%);
.element {
color: $shrubby-lichen;
box-shadow: 0 0 0 2px rgba($shrubby-lichen, 0.35);
}