이름 색상 · #99DD00
Green Minions
Green Minions은(는) #99DD00: rgb(153 221 0), hsl(78 100% 43%), oklch(0.821 0.216 128.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Minions color name →
#99DD00
oklch(0.821 0.216 128.6)
색상 변환
- HEX
- #99dd00
- RGB
- rgb(153 221 0)
- HSL
- hsl(78 100% 43%)
- HWB
- hwb(78 0% 13%)
- OKLCH
- oklch(0.821 0.216 128.6)
- OKLab
- oklab(0.821 -0.135 0.169)
- CIE Lab
- lab(81.25 -40.95 77.89)
- LCH
- lch(81.25 88 117.7)
- CMYK
- cmyk(31% 0% 100% 13%)
틴트 · 셰이드 · 톤
틴트
- A3E141
- ADE560
- B7E978
- C2EC8E
- CCF0A2
- D6F3B5
- E0F6C8
- EAF9DB
- F5FCED
셰이드
- 84C000
- 70A400
- 5D8800
- 4A6E00
- 385500
- 273D00
- 172600
- 081100
- 010200
톤
- 97D42F
- 94CA43
- 92C150
- 90B85B
- 8DAF64
- 8BA56B
- 889C71
- 859377
- 83897C
색 조화
보색 +180°
- 99DD00
Green Minions
- DAAFFF
≈ Mauve
유사색 -30° +30°
- 99DD00
Green Minions
- E1C400
≈ Zhohltyi Yellow
- 00E895
≈ Mega Teal
삼각 배색 +120° +240°
- 99DD00
Green Minions
- 94CAFF
≈ Apocyan
- FFA8B7
≈ A Brand New Day
분열 보색 +150° +210°
- 99DD00
Green Minions
- B7BFFF
≈ Dried Lilac
- FF9FE3
≈ Lavender Rose
사각 배색 +90° +180° +270°
- 99DD00
Green Minions
- 3BD9FF
≈ Berta Blue
- DAAFFF
≈ Mauve
- FFAD93
≈ Peach Nectar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.69:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--green-minions: #99dd00;
--green-minions-rgb: 153 221 0;
--green-minions-oklch: oklch(0.821 0.216 128.6);
}
.element {
color: var(--green-minions);
background-color: hsl(78 100% 43%);
border-color: oklch(0.821 0.216 128.6);
}Tailwind CSS v4
@theme {
--color-green-minions: #99dd00;
--color-green-minions-50: #e0ffc1;
--color-green-minions-100: #cff7aa;
--color-green-minions-200: #b4e782;
--color-green-minions-300: #90cd49;
--color-green-minions-400: #77b400;
--color-green-minions-500: #589d00;
--color-green-minions-600: #4b8500;
--color-green-minions-700: #3c6a00;
--color-green-minions-800: #2e4e00;
--color-green-minions-900: #1f3600;
--color-green-minions-950: #0f2100;
}SCSS
$green-minions: #99dd00;
$green-minions-rgb: 153, 221, 0;
$green-minions-light: mix(#fff, $green-minions, 20%);
$green-minions-dark: mix(#000, $green-minions, 20%);
.element {
color: $green-minions;
box-shadow: 0 0 0 2px rgba($green-minions, 0.35);
}