이름 색상 · #4EFD54
Goblin Warboss
Goblin Warboss은(는) #4EFD54: rgb(78 253 84), hsl(122 98% 65%), oklch(0.874 0.253 143.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Goblin Warboss color name →
#4EFD54
oklch(0.874 0.253 143.5)
색상 변환
- HEX
- #4efd54
- RGB
- rgb(78 253 84)
- HSL
- hsl(122 98% 65%)
- HWB
- hwb(122 31% 1%)
- OKLCH
- oklch(0.874 0.253 143.5)
- OKLab
- oklab(0.874 -0.203 0.15)
- CIE Lab
- lab(88.28 -69.21 64.1)
- LCH
- lch(88.28 94.33 137.2)
- CMYK
- cmyk(69% 0% 67% 1%)
틴트 · 셰이드 · 톤
틴트
- 6AFE6B
- 81FF7F
- 94FF92
- A6FFA3
- B6FFB3
- C6FFC3
- D5FFD2
- E3FFE1
- F1FFF0
셰이드
- 43DC48
- 38BC3C
- 2D9D31
- 237F26
- 19621B
- 0F4711
- 072D08
- 021602
- 000300
톤
- 5BF05D
- 65E465
- 6CD76B
- 72CB70
- 77BE75
- 7AB278
- 7DA57B
- 7F997D
- 808D7F
색 조화
보색 +180°
- 4EFD54
Goblin Warboss
- F9BDFF
≈ Electric Lavender
유사색 -30° +30°
- 4EFD54
Goblin Warboss
- D6E200
≈ Sickly Yellow
- 00F8CC
≈ Bright Teal
삼각 배색 +120° +240°
- 4EFD54
Goblin Warboss
- C1D6FF
≈ Pale Phthalo Blue
- FFC5C0
≈ Ladylike
분열 보색 +150° +210°
- 4EFD54
Goblin Warboss
- D7CEFF
≈ Pale Lavender
- FFC1D9
≈ Sweet Romance
사각 배색 +90° +180° +270°
- 4EFD54
Goblin Warboss
- A5DEFF
≈ Droplet
- F9BDFF
≈ Electric Lavender
- FFC8A6
≈ Bright Citrus
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.50:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.50:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--goblin-warboss: #4efd54;
--goblin-warboss-rgb: 78 253 84;
--goblin-warboss-oklch: oklch(0.874 0.253 143.5);
}
.element {
color: var(--goblin-warboss);
background-color: hsl(122 98% 65%);
border-color: oklch(0.874 0.253 143.5);
}Tailwind CSS v4
@theme {
--color-goblin-warboss: #4efd54;
--color-goblin-warboss-50: #c7ffc9;
--color-goblin-warboss-100: #b1ffb4;
--color-goblin-warboss-200: #88f08f;
--color-goblin-warboss-300: #4dd85f;
--color-goblin-warboss-400: #00c10c;
--color-goblin-warboss-500: #00aa00;
--color-goblin-warboss-600: #009000;
--color-goblin-warboss-700: #007400;
--color-goblin-warboss-800: #005500;
--color-goblin-warboss-900: #003b00;
--color-goblin-warboss-950: #002500;
}SCSS
$goblin-warboss: #4efd54;
$goblin-warboss-rgb: 78, 253, 84;
$goblin-warboss-light: mix(#fff, $goblin-warboss, 20%);
$goblin-warboss-dark: mix(#000, $goblin-warboss, 20%);
.element {
color: $goblin-warboss;
box-shadow: 0 0 0 2px rgba($goblin-warboss, 0.35);
}