이름 색상 · #01796F
Pond Moss
Pond Moss은(는) #01796F: rgb(1 121 111), hsl(175 98% 24%), oklch(0.518 0.091 184.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Pond Moss color name →
#01796F
oklch(0.518 0.091 184.8)
색상 변환
- HEX
- #01796f
- RGB
- rgb(1 121 111)
- HSL
- hsl(175 98% 24%)
- HWB
- hwb(175 0% 53%)
- OKLCH
- oklch(0.518 0.091 184.8)
- OKLab
- oklab(0.518 -0.091 -0.008)
- CIE Lab
- lab(45.19 -31.6 -3.1)
- LCH
- lch(45.19 31.75 185.6)
- CMYK
- cmyk(99% 0% 8% 53%)
틴트 · 셰이드 · 톤
틴트
- 31867C
- 4C938A
- 64A098
- 7BADA6
- 91BBB4
- A7C8C3
- BDD6D2
- D3E3E1
- E9F1F0
셰이드
- 016860
- 015851
- 004842
- 003934
- 002B27
- 001D1A
- 00100E
- 000504
- 000101
톤
- 227A71
- 337B72
- 407C74
- 4B7C76
- 557D77
- 5F7E79
- 677E7B
- 707F7D
- 78807E
색 조화
보색 +180°
- 01796F
Pond Moss
- 945161
≈ Vin Rouge
유사색 -30° +30°
- 01796F
Pond Moss
- 377851
≈ Amazon
- 017589
≈ Glamour Green
삼각 배색 +120° +240°
- 01796F
Pond Moss
- 745A93
≈ Emperor Jewel
- 8C5C2A
≈ Treacle
분열 보색 +150° +210°
- 01796F
Pond Moss
- 88537D
≈ Dynamic Magenta
- 955444
≈ Prairie Clay
사각 배색 +90° +180° +270°
- 01796F
Pond Moss
- 59649D
≈ Iris Bloom
- 945161
≈ Vin Rouge
- 796720
≈ Brazen Brass
대비 및 접근성
Ag
AA흰색 위
WCAG 5.29:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.96:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--pond-moss: #01796f;
--pond-moss-rgb: 1 121 111;
--pond-moss-oklch: oklch(0.518 0.091 184.8);
}
.element {
color: var(--pond-moss);
background-color: hsl(175 98% 24%);
border-color: oklch(0.518 0.091 184.8);
}Tailwind CSS v4
@theme {
--color-pond-moss: #01796f;
--color-pond-moss-50: #d9fef9;
--color-pond-moss-100: #c7f2ed;
--color-pond-moss-200: #a8e1da;
--color-pond-moss-300: #7fc7bf;
--color-pond-moss-400: #58b0a5;
--color-pond-moss-500: #259a8e;
--color-pond-moss-600: #238278;
--color-pond-moss-700: #1c6860;
--color-pond-moss-800: #134d45;
--color-pond-moss-900: #0c3530;
--color-pond-moss-950: #00201c;
}SCSS
$pond-moss: #01796f;
$pond-moss-rgb: 1, 121, 111;
$pond-moss-light: mix(#fff, $pond-moss, 20%);
$pond-moss-dark: mix(#000, $pond-moss, 20%);
.element {
color: $pond-moss;
box-shadow: 0 0 0 2px rgba($pond-moss, 0.35);
}