이름 색상 · #ABCA99
Oh Pistachio
Oh Pistachio은(는) #ABCA99: rgb(171 202 153), hsl(98 32% 70%), oklch(0.803 0.075 134.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Oh Pistachio color name →
#ABCA99
oklch(0.803 0.075 134.2)
색상 변환
- HEX
- #abca99
- RGB
- rgb(171 202 153)
- HSL
- hsl(98 32% 70%)
- HWB
- hwb(98 60% 21%)
- OKLCH
- oklch(0.803 0.075 134.2)
- OKLab
- oklab(0.803 -0.052 0.054)
- CIE Lab
- lab(78.07 -17.47 20.97)
- LCH
- lch(78.07 27.29 129.8)
- CMYK
- cmyk(15% 0% 24% 21%)
틴트 · 셰이드 · 톤
틴트
- B3CFA3
- BBD5AD
- C4DAB7
- CCDFC1
- D5E5CC
- DDEAD6
- E5EFE0
- EEF4EA
- F6FAF5
셰이드
- 94AF84
- 7E9570
- 687C5D
- 54644A
- 404D38
- 2D3727
- 1B2217
- 0B0F08
- 010201
톤
- A7C297
- A2BB94
- 9EB392
- 9AAC8F
- 95A48D
- 919D8B
- 8D9688
- 898E85
- 848783
색 조화
보색 +180°
- ABCA99
Oh Pistachio
- D1B1E1
≈ Whisper of Plum
유사색 -30° +30°
- ABCA99
Oh Pistachio
- C6C289
≈ Fiddlehead Fern
- 91CFB2
≈ Vile Green
삼각 배색 +120° +240°
- ABCA99
Oh Pistachio
- 9EC2EF
≈ Sail to the Sea
- EBABB0
≈ Hibiscus Petal
분열 보색 +150° +210°
- ABCA99
Oh Pistachio
- B8B9EE
≈ Purple Illusion
- E3ACCB
≈ Pink Bliss
사각 배색 +90° +180° +270°
- ABCA99
Oh Pistachio
- 89CAE3
≈ Gossamer Threads
- D1B1E1
≈ Whisper of Plum
- E9B098
≈ Sweet Marmalade
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.63:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--oh-pistachio: #abca99;
--oh-pistachio-rgb: 171 202 153;
--oh-pistachio-oklch: oklch(0.803 0.075 134.2);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(98 32% 70%);
border-color: oklch(0.803 0.075 134.2);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #abca99;
--color-oh-pistachio-50: #ecfbe5;
--color-oh-pistachio-100: #ddeed6;
--color-oh-pistachio-200: #c6dcbd;
--color-oh-pistachio-300: #a6c19b;
--color-oh-pistachio-400: #8ca97c;
--color-oh-pistachio-500: #71915e;
--color-oh-pistachio-600: #607b50;
--color-oh-pistachio-700: #4d6240;
--color-oh-pistachio-800: #39482d;
--color-oh-pistachio-900: #27321e;
--color-oh-pistachio-950: #151e0e;
}SCSS
$oh-pistachio: #abca99;
$oh-pistachio-rgb: 171, 202, 153;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}