이름 색상 · #A0BF16
Gross Green
Gross Green은(는) #A0BF16: rgb(160 191 22), hsl(71 79% 42%), oklch(0.755 0.176 120.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gross Green color name →
#A0BF16
oklch(0.755 0.176 120.9)
색상 변환
- HEX
- #a0bf16
- RGB
- rgb(160 191 22)
- HSL
- hsl(71 79% 42%)
- HWB
- hwb(71 9% 25%)
- OKLCH
- oklch(0.755 0.176 120.9)
- OKLab
- oklab(0.755 -0.09 0.151)
- CIE Lab
- lab(73.04 -25.39 69.48)
- LCH
- lch(73.04 73.97 110.1)
- CMYK
- cmyk(16% 0% 88% 25%)
틴트 · 셰이드 · 톤
틴트
- A9C642
- B2CD5D
- BBD375
- C4DA8A
- CEE09F
- D7E6B2
- E1EDC6
- EBF3D9
- F5F9EC
셰이드
- 8BA612
- 768D0D
- 617509
- 4E5E06
- 3B4803
- 293302
- 191F01
- 090D00
- 010200
톤
- 9DB932
- 99B342
- 96AC4E
- 93A659
- 8FA061
- 8C9A69
- 89936F
- 868D75
- 83877B
색 조화
보색 +180°
- A0BF16
Gross Green
- C097FF
≈ Lilás
유사색 -30° +30°
- A0BF16
Gross Green
- D4AA00
≈ Burnt Yellow
- 42CE72
≈ UFO Green
삼각 배색 +120° +240°
- A0BF16
Gross Green
- 4FBAFF
≈ Hello Summer
- FF80AA
≈ Pink Makeup
분열 보색 +150° +210°
- A0BF16
Gross Green
- 92AAFF
≈ Widowmaker
- ED81E2
≈ Lavender Magenta
사각 배색 +90° +180° +270°
- A0BF16
Gross Green
- 00C5DE
≈ Caribbean Blue
- C097FF
≈ Lilás
- FF8974
≈ Miami Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.10:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.95:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--gross-green: #a0bf16;
--gross-green-rgb: 160 191 22;
--gross-green-oklch: oklch(0.755 0.176 120.9);
}
.element {
color: var(--gross-green);
background-color: hsl(71 79% 42%);
border-color: oklch(0.755 0.176 120.9);
}Tailwind CSS v4
@theme {
--color-gross-green: #a0bf16;
--color-gross-green-50: #ebfec6;
--color-gross-green-100: #ddf2b1;
--color-gross-green-200: #c6e18b;
--color-gross-green-300: #a7c658;
--color-gross-green-400: #90ad01;
--color-gross-green-500: #779500;
--color-gross-green-600: #657e00;
--color-gross-green-700: #506500;
--color-gross-green-800: #3d4900;
--color-gross-green-900: #2a3300;
--color-gross-green-950: #181e00;
}SCSS
$gross-green: #a0bf16;
$gross-green-rgb: 160, 191, 22;
$gross-green-light: mix(#fff, $gross-green, 20%);
$gross-green-dark: mix(#000, $gross-green, 20%);
.element {
color: $gross-green;
box-shadow: 0 0 0 2px rgba($gross-green, 0.35);
}