이름 색상 · #9ECCA7
Potted Plant
Potted Plant은(는) #9ECCA7: rgb(158 204 167), hsl(132 31% 71%), oklch(0.802 0.071 150.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Potted Plant color name →
#9ECCA7
oklch(0.802 0.071 150.4)
색상 변환
- HEX
- #9ecca7
- RGB
- rgb(158 204 167)
- HSL
- hsl(132 31% 71%)
- HWB
- hwb(132 62% 20%)
- OKLCH
- oklch(0.802 0.071 150.4)
- OKLab
- oklab(0.802 -0.062 0.035)
- CIE Lab
- lab(78.02 -21.2 13.36)
- LCH
- lch(78.02 25.06 147.8)
- CMYK
- cmyk(23% 0% 18% 20%)
틴트 · 셰이드 · 톤
틴트
- A8D1B0
- B1D6B8
- BBDBC1
- C5E0CA
- CEE6D2
- D8EBDB
- E2F0E4
- ECF5ED
- F5FAF6
셰이드
- 89B191
- 74977B
- 607E66
- 4D6552
- 3A4E3E
- 29372C
- 18221A
- 090F0A
- 010201
톤
- 9BC4A3
- 98BC9F
- 96B59B
- 93AD97
- 90A593
- 8D9E90
- 8A968C
- 868F88
- 838784
색 조화
보색 +180°
- 9ECCA7
Potted Plant
- DAAED4
≈ Violet Vamp
유사색 -30° +30°
- 9ECCA7
Potted Plant
- B8C693
≈ Wasabi Peanut
- 8BCEC0
≈ Deco-Rate
삼각 배색 +120° +240°
- 9ECCA7
Potted Plant
- ADBDED
≈ Perano
- E9AEA3
≈ Rose Linen
분열 보색 +150° +210°
- 9ECCA7
Potted Plant
- C5B5E6
≈ Purple Sand
- E6ACBC
≈ Sekichiku Pink
사각 배색 +90° +180° +270°
- 9ECCA7
Potted Plant
- 95C5E8
≈ Pale Cerulean
- DAAED4
≈ Violet Vamp
- E1B490
≈ Sonora Apricot
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.64:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--potted-plant: #9ecca7;
--potted-plant-rgb: 158 204 167;
--potted-plant-oklch: oklch(0.802 0.071 150.4);
}
.element {
color: var(--potted-plant);
background-color: hsl(132 31% 71%);
border-color: oklch(0.802 0.071 150.4);
}Tailwind CSS v4
@theme {
--color-potted-plant: #9ecca7;
--color-potted-plant-50: #e7fbec;
--color-potted-plant-100: #d7efdd;
--color-potted-plant-200: #bfdec6;
--color-potted-plant-300: #9dc2a6;
--color-potted-plant-400: #80ab89;
--color-potted-plant-500: #63946e;
--color-potted-plant-600: #547d5d;
--color-potted-plant-700: #43644a;
--color-potted-plant-800: #314935;
--color-potted-plant-900: #213324;
--color-potted-plant-950: #101e13;
}SCSS
$potted-plant: #9ecca7;
$potted-plant-rgb: 158, 204, 167;
$potted-plant-light: mix(#fff, $potted-plant, 20%);
$potted-plant-dark: mix(#000, $potted-plant, 20%);
.element {
color: $potted-plant;
box-shadow: 0 0 0 2px rgba($potted-plant, 0.35);
}