이름 색상 · #8CAA95
Peaslake
Peaslake은(는) #8CAA95: rgb(140 170 149), hsl(138 15% 61%), oklch(0.709 0.045 154.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Peaslake color name →
#8CAA95
oklch(0.709 0.045 154.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 97B29F
- A2BBA9
- AEC3B4
- B9CBBE
- C4D4C9
- D0DCD3
- DCE5DE
- E7EEE9
- F3F6F4
셰이드
- 799381
- 677D6D
- 55685A
- 435348
- 333F37
- 232D26
- 141B16
- 070B08
- 010101
톤
- 8BA693
- 8AA191
- 899D8F
- 88998D
- 86958B
- 859188
- 848C86
- 838884
- 818482
색 조화
보색 +180°
- 8CAA95
Peaslake
- B497AD
≈ Roseville
유사색 -30° +30°
- 8CAA95
Peaslake
- 9BA788
≈ Glade
- 82ABA5
≈ Lake Water
삼각 배색 +120° +240°
- 8CAA95
Peaslake
- 98A0BE
≈ House of Owen
- BB988F
≈ Del Rio
분열 보색 +150° +210°
- 8CAA95
Peaslake
- A79BB8
≈ Purple Springs
- BB969E
≈ Magenta Twilight
사각 배색 +90° +180° +270°
- 8CAA95
Peaslake
- 8AA5BC
≈ Notable Hue
- B497AD
≈ Roseville
- B69C84
≈ Plush Tan
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.53:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.29:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
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);
}