이름 색상 · #9CEF43
Kiwi Pulp
Kiwi Pulp은(는) #9CEF43: rgb(156 239 67), hsl(89 84% 60%), oklch(0.867 0.214 132.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Kiwi Pulp color name →
#9CEF43
oklch(0.867 0.214 132.1)
색상 변환
- HEX
- #9cef43
- RGB
- rgb(156 239 67)
- HSL
- hsl(89 84% 60%)
- HWB
- hwb(89 26% 6%)
- OKLCH
- oklch(0.867 0.214 132.1)
- OKLab
- oklab(0.867 -0.144 0.159)
- CIE Lab
- lab(86.81 -45.38 69.65)
- LCH
- lch(86.81 83.13 123.1)
- CMYK
- cmyk(35% 0% 72% 6%)
틴트 · 셰이드 · 톤
틴트
- A6F15F
- B1F376
- BBF58A
- C5F79C
- CFF9AE
- D8FABF
- E2FCCF
- ECFDDF
- F5FEEF
셰이드
- 87D039
- 73B12F
- 5F9426
- 4C781D
- 395C14
- 28420C
- 182A05
- 091401
- 010300
톤
- 9AE451
- 97D95B
- 95CD63
- 92C26A
- 8FB76F
- 8DAC74
- 8AA178
- 87967B
- 838B7E
색 조화
보색 +180°
- 9CEF43
Kiwi Pulp
- E8C3FF
≈ Jane Purple
유사색 -30° +30°
- 9CEF43
Kiwi Pulp
- ECD600
≈ The End Is Beer
- 00F9AD
≈ Greenish Turquoise
삼각 배색 +120° +240°
- 9CEF43
Kiwi Pulp
- B4D7FF
≈ Malmö FF
- FFC0C7
≈ Piglet
분열 보색 +150° +210°
- 9CEF43
Kiwi Pulp
- CCCFFF
≈ Lavender Blue
- FFBBE5
≈ Bubblegum Heart
사각 배색 +90° +180° +270°
- 9CEF43
Kiwi Pulp
- 8CE1FF
≈ Tranquil Pool
- E8C3FF
≈ Jane Purple
- FFC4AD
≈ Gadabout
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.84:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.84:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--kiwi-pulp: #9cef43;
--kiwi-pulp-rgb: 156 239 67;
--kiwi-pulp-oklch: oklch(0.867 0.214 132.1);
}
.element {
color: var(--kiwi-pulp);
background-color: hsl(89 84% 60%);
border-color: oklch(0.867 0.214 132.1);
}Tailwind CSS v4
@theme {
--color-kiwi-pulp: #9cef43;
--color-kiwi-pulp-50: #dcffc5;
--color-kiwi-pulp-100: #caf8af;
--color-kiwi-pulp-200: #aee888;
--color-kiwi-pulp-300: #88ce54;
--color-kiwi-pulp-400: #6bb600;
--color-kiwi-pulp-500: #489f00;
--color-kiwi-pulp-600: #3e8700;
--color-kiwi-pulp-700: #316c00;
--color-kiwi-pulp-800: #274f00;
--color-kiwi-pulp-900: #1a3700;
--color-kiwi-pulp-950: #0b2100;
}SCSS
$kiwi-pulp: #9cef43;
$kiwi-pulp-rgb: 156, 239, 67;
$kiwi-pulp-light: mix(#fff, $kiwi-pulp, 20%);
$kiwi-pulp-dark: mix(#000, $kiwi-pulp, 20%);
.element {
color: $kiwi-pulp;
box-shadow: 0 0 0 2px rgba($kiwi-pulp, 0.35);
}