이름 색상 · #356554
Plantain Green
Plantain Green은(는) #356554: rgb(53 101 84), hsl(159 31% 30%), oklch(0.467 0.06 168.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Plantain Green color name →
#356554
oklch(0.467 0.06 168.7)
색상 변환
- HEX
- #356554
- RGB
- rgb(53 101 84)
- HSL
- hsl(159 31% 30%)
- HWB
- hwb(159 21% 60%)
- OKLCH
- oklch(0.467 0.06 168.7)
- OKLab
- oklab(0.467 -0.059 0.012)
- CIE Lab
- lab(39 -20.52 4.33)
- LCH
- lch(39 20.98 168.1)
- CMYK
- cmyk(48% 0% 17% 60%)
틴트 · 셰이드 · 톤
틴트
- 497363
- 5C8273
- 709184
- 83A094
- 97AFA5
- ACBFB7
- C0CFC8
- D5DFDA
- EAEFED
셰이드
- 2D5748
- 25493C
- 1D3C31
- 152F26
- 0E221B
- 081711
- 030C08
- 010302
- 000000
톤
- 3E6858
- 466B5D
- 4D6D61
- 557065
- 5C736A
- 64756E
- 6B7873
- 727B77
- 797D7B
색 조화
보색 +180°
- 356554
Plantain Green
- 744C60
≈ Bewitching
유사색 -30° +30°
- 356554
Plantain Green
- 496241
≈ Acacia Green
- 2B6467
≈ Deep Marine
삼각 배색 +120° +240°
- 356554
Plantain Green
- 59557A
≈ Blue Glaze
- 76503C
≈ Tamarind Fruit
분열 보색 +150° +210°
- 356554
Plantain Green
- 694F70
≈ Exotic Purple
- 784C4D
≈ False Morel
사각 배색 +90° +180° +270°
- 356554
Plantain Green
- 455B7C
≈ Newburyport
- 744C60
≈ Bewitching
- 6C5632
≈ Chieftain
대비 및 접근성
Ag
AA흰색 위
WCAG 6.68:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.14:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--plantain-green: #356554;
--plantain-green-rgb: 53 101 84;
--plantain-green-oklch: oklch(0.467 0.06 168.7);
}
.element {
color: var(--plantain-green);
background-color: hsl(159 31% 30%);
border-color: oklch(0.467 0.06 168.7);
}Tailwind CSS v4
@theme {
--color-plantain-green: #356554;
--color-plantain-green-50: #e5fbf3;
--color-plantain-green-100: #d5efe5;
--color-plantain-green-200: #bcddd1;
--color-plantain-green-300: #99c2b3;
--color-plantain-green-400: #7baa98;
--color-plantain-green-500: #5d937f;
--color-plantain-green-600: #4f7d6c;
--color-plantain-green-700: #3f6456;
--color-plantain-green-800: #2e493e;
--color-plantain-green-900: #1f332b;
--color-plantain-green-950: #0e1e18;
}SCSS
$plantain-green: #356554;
$plantain-green-rgb: 53, 101, 84;
$plantain-green-light: mix(#fff, $plantain-green, 20%);
$plantain-green-dark: mix(#000, $plantain-green, 20%);
.element {
color: $plantain-green;
box-shadow: 0 0 0 2px rgba($plantain-green, 0.35);
}