Colore con nome · #96B4B1
Lake Forest
Lake Forest è #96B4B1: rgb(150 180 177), hsl(174 17% 65%), oklch(0.747 0.033 189). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lake Forest color name →
#96B4B1
oklch(0.747 0.033 189)
Conversioni di colore
- HEX
- #96b4b1
- RGB
- rgb(150 180 177)
- HSL
- hsl(174 17% 65%)
- HWB
- hwb(174 59% 29%)
- OKLCH
- oklch(0.747 0.033 189)
- OKLab
- oklab(0.747 -0.033 -0.005)
- CIE Lab
- lab(70.99 -11.07 -2.06)
- LCH
- lch(70.99 11.26 190.6)
- CMYK
- cmyk(17% 0% 2% 29%)
Tinte · Ombre · Toni
Tinte
- A0BBB9
- ABC3C0
- B5CAC8
- BFD2D0
- CAD9D7
- D4E1DF
- DFE8E7
- EAF0EF
- F4F7F7
Ombre
- 829C99
- 6E8583
- 5B6E6C
- 495857
- 374442
- 26302F
- 161D1C
- 080C0C
- 010201
Toni
- 94AFAC
- 92A9A7
- 90A4A2
- 8E9F9D
- 8B9A98
- 899493
- 878F8E
- 858A8A
- 828585
Armonie di colore
Complementare +180°
- 96B4B1
Lake Forest
- C1A5A8
≈ Lychee Berry
Analogo -30° +30°
- 96B4B1
Lake Forest
- 9CB4A5
≈ Nile River
- 97B2BB
≈ Ice Gull Grey Blue
Triadico +120° +240°
- 96B4B1
Lake Forest
- B3A8BD
≈ Transparent Mauve
- BBAA97
≈ Fangtooth Fish
Complementare divisa +150° +210°
- 96B4B1
Lake Forest
- BCA5B4
≈ Pansy Posy
- C0A69E
≈ Mohair Mauve
Tetradico +90° +180° +270°
- 96B4B1
Lake Forest
- A8ABC2
≈ Cosmic Sky
- C1A5A8
≈ Lychee Berry
- B2AE96
≈ Soothing Sage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.46:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--lake-forest: #96b4b1;
--lake-forest-rgb: 150 180 177;
--lake-forest-oklch: oklch(0.747 0.033 189);
}
.element {
color: var(--lake-forest);
background-color: hsl(174 17% 65%);
border-color: oklch(0.747 0.033 189);
}Tailwind CSS v4
@theme {
--color-lake-forest: #96b4b1;
--color-lake-forest-50: #ebf8f7;
--color-lake-forest-100: #dcecea;
--color-lake-forest-200: #c5d9d7;
--color-lake-forest-300: #a5bdbb;
--color-lake-forest-400: #89a5a2;
--color-lake-forest-500: #6d8e8b;
--color-lake-forest-600: #5d7875;
--color-lake-forest-700: #4a605e;
--color-lake-forest-800: #364644;
--color-lake-forest-900: #25312f;
--color-lake-forest-950: #131d1c;
}SCSS
$lake-forest: #96b4b1;
$lake-forest-rgb: 150, 180, 177;
$lake-forest-light: mix(#fff, $lake-forest, 20%);
$lake-forest-dark: mix(#000, $lake-forest, 20%);
.element {
color: $lake-forest;
box-shadow: 0 0 0 2px rgba($lake-forest, 0.35);
}