Nazwany kolor · #8CAA95
Peaslake
Peaslake to #8CAA95: rgb(140 170 149), hsl(138 15% 61%), oklch(0.709 0.045 154.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Peaslake color name →
#8CAA95
oklch(0.709 0.045 154.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97B29F
- A2BBA9
- AEC3B4
- B9CBBE
- C4D4C9
- D0DCD3
- DCE5DE
- E7EEE9
- F3F6F4
Odcienie ciemniejsze
- 799381
- 677D6D
- 55685A
- 435348
- 333F37
- 232D26
- 141B16
- 070B08
- 010101
Tony
- 8BA693
- 8AA191
- 899D8F
- 88998D
- 86958B
- 859188
- 848C86
- 838884
- 818482
Harmonie kolorów
Komplementarna +180°
- 8CAA95
Peaslake
- B497AD
≈ Roseville
Analogowa -30° +30°
- 8CAA95
Peaslake
- 9BA788
≈ Glade
- 82ABA5
≈ Lake Water
Triada +120° +240°
- 8CAA95
Peaslake
- 98A0BE
≈ House of Owen
- BB988F
≈ Del Rio
Komplementarna rozszczepiona +150° +210°
- 8CAA95
Peaslake
- A79BB8
≈ Purple Springs
- BB969E
≈ Magenta Twilight
Tetrada +90° +180° +270°
- 8CAA95
Peaslake
- 8AA5BC
≈ Notable Hue
- B497AD
≈ Roseville
- B69C84
≈ Plush Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.29:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}