Colore con nome · #8CAA95
Peaslake
Peaslake è #8CAA95: rgb(140 170 149), hsl(138 15% 61%), oklch(0.709 0.045 154.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Peaslake color name →
#8CAA95
oklch(0.709 0.045 154.6)
Conversioni di colore
- HEX
- #8caa95
- RGB
- rgb(140 170 149)
- HSL
- hsl(138 15% 61%)
- HWB
- hwb(138 55% 33%)
- OKLCH
- oklch(0.709 0.045 154.6)
- OKLab
- oklab(0.709 -0.041 0.019)
- CIE Lab
- lab(66.88 -13.92 7.27)
- LCH
- lch(66.88 15.71 152.4)
- CMYK
- cmyk(18% 0% 12% 33%)
Tinte · Ombre · Toni
Tinte
- 97B29F
- A2BBA9
- AEC3B4
- B9CBBE
- C4D4C9
- D0DCD3
- DCE5DE
- E7EEE9
- F3F6F4
Ombre
- 799381
- 677D6D
- 55685A
- 435348
- 333F37
- 232D26
- 141B16
- 070B08
- 010101
Toni
- 8BA693
- 8AA191
- 899D8F
- 88998D
- 86958B
- 859188
- 848C86
- 838884
- 818482
Armonie di colore
Complementare +180°
- 8CAA95
Peaslake
- B497AD
≈ Roseville
Analogo -30° +30°
- 8CAA95
Peaslake
- 9BA788
≈ Glade
- 82ABA5
≈ Lake Water
Triadico +120° +240°
- 8CAA95
Peaslake
- 98A0BE
≈ House of Owen
- BB988F
≈ Del Rio
Complementare divisa +150° +210°
- 8CAA95
Peaslake
- A79BB8
≈ Purple Springs
- BB969E
≈ Magenta Twilight
Tetradico +90° +180° +270°
- 8CAA95
Peaslake
- 8AA5BC
≈ Notable Hue
- B497AD
≈ Roseville
- B69C84
≈ Plush Tan
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.29:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--peaslake: #8caa95;
--peaslake-rgb: 140 170 149;
--peaslake-oklch: oklch(0.709 0.045 154.6);
}
.element {
color: var(--peaslake);
background-color: hsl(138 15% 61%);
border-color: oklch(0.709 0.045 154.6);
}Tailwind CSS v4
@theme {
--color-peaslake: #8caa95;
--color-peaslake-50: #ebf9f0;
--color-peaslake-100: #dcede2;
--color-peaslake-200: #c6dacd;
--color-peaslake-300: #a6bfae;
--color-peaslake-400: #8aa793;
--color-peaslake-500: #6f8f79;
--color-peaslake-600: #5e7967;
--color-peaslake-700: #4b6152;
--color-peaslake-800: #37473b;
--color-peaslake-900: #253128;
--color-peaslake-950: #141d16;
}SCSS
$peaslake: #8caa95;
$peaslake-rgb: 140, 170, 149;
$peaslake-light: mix(#fff, $peaslake, 20%);
$peaslake-dark: mix(#000, $peaslake, 20%);
.element {
color: $peaslake;
box-shadow: 0 0 0 2px rgba($peaslake, 0.35);
}