이름 색상 · #54D905
Corrosive Green
Corrosive Green은(는) #54D905: rgb(84 217 5), hsl(98 95% 44%), oklch(0.78 0.243 138.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Corrosive Green color name →
#54D905
oklch(0.78 0.243 138.7)
색상 변환
- HEX
- #54d905
- RGB
- rgb(84 217 5)
- HSL
- hsl(98 95% 44%)
- HWB
- hwb(98 2% 15%)
- OKLCH
- oklch(0.78 0.243 138.7)
- OKLab
- oklab(0.78 -0.183 0.161)
- CIE Lab
- lab(77.12 -60.27 72.8)
- LCH
- lch(77.12 94.51 129.6)
- CMYK
- cmyk(61% 0% 98% 15%)
틴트 · 셰이드 · 톤
틴트
- 6ADE40
- 7EE25D
- 90E675
- A1EB8B
- B2EEA0
- C2F2B3
- D1F6C7
- E1F9DA
- F0FCEC
셰이드
- 48BC04
- 3CA103
- 318602
- 266C01
- 1B5301
- 113B00
- 082500
- 021100
- 000200
톤
- 5DD02E
- 64C841
- 6ABF4E
- 6FB659
- 73AD62
- 77A469
- 7A9B70
- 7C9276
- 7E897B
색 조화
보색 +180°
- 54D905
Corrosive Green
- E78FFF
≈ Give Me Your Love
유사색 -30° +30°
- 54D905
Corrosive Green
- C1BF00
≈ Oilseed Crops
- 00D7A5
≈ Wild Caribbean Green
삼각 배색 +120° +240°
- 54D905
Corrosive Green
- 8BB9FF
≈ Carolina Blue
- FF9497
≈ Cherished One
분열 보색 +150° +210°
- 54D905
Corrosive Green
- B5ABFF
≈ Winterspring Lilac
- FF8BC8
≈ Shimmering Love
사각 배색 +90° +180° +270°
- 54D905
Corrosive Green
- 31C8FF
≈ Shovel Knight
- E78FFF
≈ Give Me Your Love
- FF9A62
≈ Mock Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.30:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--corrosive-green: #54d905;
--corrosive-green-rgb: 84 217 5;
--corrosive-green-oklch: oklch(0.78 0.243 138.7);
}
.element {
color: var(--corrosive-green);
background-color: hsl(98 95% 44%);
border-color: oklch(0.78 0.243 138.7);
}Tailwind CSS v4
@theme {
--color-corrosive-green: #54d905;
--color-corrosive-green-50: #cfffc5;
--color-corrosive-green-100: #bbfdaf;
--color-corrosive-green-200: #98ee89;
--color-corrosive-green-300: #68d454;
--color-corrosive-green-400: #3fbd00;
--color-corrosive-green-500: #00a600;
--color-corrosive-green-600: #008d00;
--color-corrosive-green-700: #007100;
--color-corrosive-green-800: #045300;
--color-corrosive-green-900: #043a00;
--color-corrosive-green-950: #002400;
}SCSS
$corrosive-green: #54d905;
$corrosive-green-rgb: 84, 217, 5;
$corrosive-green-light: mix(#fff, $corrosive-green, 20%);
$corrosive-green-dark: mix(#000, $corrosive-green, 20%);
.element {
color: $corrosive-green;
box-shadow: 0 0 0 2px rgba($corrosive-green, 0.35);
}