이름 색상 · #ABEDC9
Esoteric Touch Green
Esoteric Touch Green은(는) #ABEDC9: rgb(171 237 201), hsl(147 65% 80%), oklch(0.892 0.083 160.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Esoteric Touch Green color name →
#ABEDC9
oklch(0.892 0.083 160.3)
색상 변환
- HEX
- #abedc9
- RGB
- rgb(171 237 201)
- HSL
- hsl(147 65% 80%)
- HWB
- hwb(147 67% 7%)
- OKLCH
- oklch(0.892 0.083 160.3)
- OKLab
- oklab(0.892 -0.078 0.028)
- CIE Lab
- lab(88.6 -27.02 10.53)
- LCH
- lch(88.6 29 158.7)
- CMYK
- cmyk(28% 0% 15% 7%)
틴트 · 셰이드 · 톤
틴트
- B4EFCE
- BDF1D4
- C5F3D9
- CEF5DE
- D6F6E4
- DFF8E9
- E7FAEF
- EFFCF4
- F7FDFA
셰이드
- 94CEAE
- 7EB095
- 68937C
- 547764
- 405C4C
- 2D4236
- 1B2A22
- 0B140F
- 010302
톤
- A7E2C1
- A3D6BA
- 9FCBB3
- 9BC0AB
- 97B5A4
- 92AA9D
- 8EA095
- 89958E
- 858A87
색 조화
보색 +180°
- ABEDC9
Esoteric Touch Green
- FFC8EB
≈ Soulmate Pink
유사색 -30° +30°
- ABEDC9
Esoteric Touch Green
- C9E7AD
≈ Cool Peridot
- 98EEE8
≈ Freezy Breezy
삼각 배색 +120° +240°
- ABEDC9
Esoteric Touch Green
- D4D8FF
≈ Icy Plains
- FFCFBE
≈ Vienna Sausage
분열 보색 +150° +210°
- ABEDC9
Esoteric Touch Green
- EACFFF
≈ Rose Dragée
- FFCCD2
≈ Fruit Bowl
사각 배색 +90° +180° +270°
- ABEDC9
Esoteric Touch Green
- C1DFFF
≈ Dithered Sky
- FFC8EB
≈ Soulmate Pink
- FFD3A0
≈ Apricot Fool
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.68:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--esoteric-touch-green: #abedc9;
--esoteric-touch-green-rgb: 171 237 201;
--esoteric-touch-green-oklch: oklch(0.892 0.083 160.3);
}
.element {
color: var(--esoteric-touch-green);
background-color: hsl(147 65% 80%);
border-color: oklch(0.892 0.083 160.3);
}Tailwind CSS v4
@theme {
--color-esoteric-touch-green: #abedc9;
--color-esoteric-touch-green-50: #e1fdee;
--color-esoteric-touch-green-100: #d0f1e0;
--color-esoteric-touch-green-200: #b5e0ca;
--color-esoteric-touch-green-300: #91c5ab;
--color-esoteric-touch-green-400: #72ae8e;
--color-esoteric-touch-green-500: #509773;
--color-esoteric-touch-green-600: #448062;
--color-esoteric-touch-green-700: #36664e;
--color-esoteric-touch-green-800: #274b37;
--color-esoteric-touch-green-900: #1a3426;
--color-esoteric-touch-green-950: #0b2014;
}SCSS
$esoteric-touch-green: #abedc9;
$esoteric-touch-green-rgb: 171, 237, 201;
$esoteric-touch-green-light: mix(#fff, $esoteric-touch-green, 20%);
$esoteric-touch-green-dark: mix(#000, $esoteric-touch-green, 20%);
.element {
color: $esoteric-touch-green;
box-shadow: 0 0 0 2px rgba($esoteric-touch-green, 0.35);
}