이름 색상 · #33EE66
Acid Pops
Acid Pops은(는) #33EE66: rgb(51 238 102), hsl(136 85% 57%), oklch(0.832 0.23 147.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Acid Pops color name →
#33EE66
oklch(0.832 0.23 147.3)
색상 변환
- HEX
- #33ee66
- RGB
- rgb(51 238 102)
- HSL
- hsl(136 85% 57%)
- HWB
- hwb(136 20% 7%)
- OKLCH
- oklch(0.832 0.23 147.3)
- OKLab
- oklab(0.832 -0.194 0.124)
- CIE Lab
- lab(83.36 -67.32 51.28)
- LCH
- lch(83.36 84.62 142.7)
- CMYK
- cmyk(79% 0% 57% 7%)
틴트 · 셰이드 · 톤
틴트
- 59F078
- 73F389
- 89F599
- 9DF7A8
- AFF9B7
- C0FAC6
- D1FCD4
- E0FDE3
- F0FEF1
셰이드
- 2BCF58
- 23B14A
- 1C933C
- 14772F
- 0D5C23
- 074217
- 032A0C
- 011404
- 000300
톤
- 48E36B
- 56D86F
- 61CD73
- 69C276
- 70B779
- 75AC7B
- 79A17D
- 7C967E
- 7E8B7F
색 조화
보색 +180°
- 33EE66
Acid Pops
- FFA0FE
≈ Pinkalicious
유사색 -30° +30°
- 33EE66
Acid Pops
- C0D700
≈ Evening Primrose
- 00E8C7
≈ Fake Jade
삼각 배색 +120° +240°
- 33EE66
Acid Pops
- B0C7FF
≈ Night Snow
- FFB1A7
≈ Peach Pearl
분열 보색 +150° +210°
- 33EE66
Acid Pops
- CFBBFF
≈ Lavender Tonic
- FFACC9
≈ Heartfelt
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.56:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.56:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--acid-pops: #33ee66;
--acid-pops-rgb: 51 238 102;
--acid-pops-oklch: oklch(0.832 0.23 147.3);
}
.element {
color: var(--acid-pops);
background-color: hsl(136 85% 57%);
border-color: oklch(0.832 0.23 147.3);
}Tailwind CSS v4
@theme {
--color-acid-pops: #33ee66;
--color-acid-pops-50: #c7ffd2;
--color-acid-pops-100: #b0febe;
--color-acid-pops-200: #87ef9e;
--color-acid-pops-300: #4bd773;
--color-acid-pops-400: #00c040;
--color-acid-pops-500: #00aa00;
--color-acid-pops-600: #009000;
--color-acid-pops-700: #007300;
--color-acid-pops-800: #005500;
--color-acid-pops-900: #003b00;
--color-acid-pops-950: #002500;
}SCSS
$acid-pops: #33ee66;
$acid-pops-rgb: 51, 238, 102;
$acid-pops-light: mix(#fff, $acid-pops, 20%);
$acid-pops-dark: mix(#000, $acid-pops, 20%);
.element {
color: $acid-pops;
box-shadow: 0 0 0 2px rgba($acid-pops, 0.35);
}