이름 색상 · #25B387
Jess
Jess은(는) #25B387: rgb(37 179 135), hsl(161 66% 42%), oklch(0.684 0.133 166.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Jess color name →
#25B387
oklch(0.684 0.133 166.3)
색상 변환
- HEX
- #25b387
- RGB
- rgb(37 179 135)
- HSL
- hsl(161 66% 42%)
- HWB
- hwb(161 15% 30%)
- OKLCH
- oklch(0.684 0.133 166.3)
- OKLab
- oklab(0.684 -0.129 0.031)
- CIE Lab
- lab(65.12 -45.82 11.71)
- LCH
- lch(65.12 47.3 165.7)
- CMYK
- cmyk(79% 0% 25% 30%)
틴트 · 셰이드 · 톤
틴트
- 49BB92
- 63C39E
- 7ACAAA
- 8ED2B6
- A2DAC2
- B5E1CE
- C8E9DA
- DAF0E6
- EDF8F2
셰이드
- 1F9B75
- 198463
- 136E51
- 0D5841
- 084331
- 042F21
- 021D13
- 000C06
- 000101
톤
- 3AAE86
- 48A986
- 53A485
- 5D9F84
- 649A84
- 6B9583
- 719082
- 778B82
- 7C8581
색 조화
보색 +180°
- 25B387
Jess
- D376AA
≈ Heartbreaker
유사색 -30° +30°
- 25B387
Jess
- 72AC56
≈ Asparagus
- 00AFB1
≈ Larkspur Blue
삼각 배색 +120° +240°
- 25B387
Jess
- 948CE7
≈ Perrywinkle
- DB7D4E
≈ Deep Coral
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.87:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--jess: #25b387;
--jess-rgb: 37 179 135;
--jess-oklch: oklch(0.684 0.133 166.3);
}
.element {
color: var(--jess);
background-color: hsl(161 66% 42%);
border-color: oklch(0.684 0.133 166.3);
}Tailwind CSS v4
@theme {
--color-jess: #25b387;
--color-jess-50: #d1ffee;
--color-jess-100: #bdf7e0;
--color-jess-200: #9be7ca;
--color-jess-300: #6ccdab;
--color-jess-400: #3ab78d;
--color-jess-500: #00a172;
--color-jess-600: #008861;
--color-jess-700: #006d4d;
--color-jess-800: #005036;
--color-jess-900: #003825;
--color-jess-950: #002213;
}SCSS
$jess: #25b387;
$jess-rgb: 37, 179, 135;
$jess-light: mix(#fff, $jess, 20%);
$jess-dark: mix(#000, $jess, 20%);
.element {
color: $jess;
box-shadow: 0 0 0 2px rgba($jess, 0.35);
}