이름 색상 · #44DD00

Magic Blade

Magic Blade은(는) #44DD00: rgb(68 221 0), hsl(102 100% 43%), oklch(0.786 0.254 140.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Magic Blade color name →

#44DD00

oklch(0.786 0.254 140.1)

색상 변환

HEX: #44dd00
RGB: rgb(68 221 0)
HSL: hsl(102 100% 43%)
HWB: hwb(102 0% 13%)
OKLCH: oklch(0.786 0.254 140.1)
OKLab: oklab(0.786 -0.195 0.163)
CIE Lab: lab(77.95 -64.76 73.68)
LCH: lch(77.95 98.09 131.3)
CMYK: cmyk(69% 0% 100% 13%)

틴트 · 셰이드 · 톤

틴트

60E13F
76E55D
8AE975
9DED8B
AEF1A0
BFF4B4
CFF7C7
DFFADA
EFFDEC

셰이드

3AC000
30A400
268800
1D6E00
145500
0C3D00
052600
021100
000200

톤

51D42E
5BCB41
63C24E
6AB859
70AF62
74A66A
789D70
7B9376
7E8A7B

색 조화

보색 +180°

44DD00
Magic Blade
EB90FF
≈ Give Me Your Love

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.81:1 · APCA Lc 33

Fail

검은색 위

WCAG 11.58:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.58:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --magic-blade: #44dd00;
  --magic-blade-rgb: 68 221 0;
  --magic-blade-oklch: oklch(0.786 0.254 140.1);
}

.element {
  color: var(--magic-blade);
  background-color: hsl(102 100% 43%);
  border-color: oklch(0.786 0.254 140.1);
}

Tailwind CSS v4

@theme {
  --color-magic-blade: #44dd00;
  --color-magic-blade-50: #ccffc5;
  --color-magic-blade-100: #b6feaf;
  --color-magic-blade-200: #91ef88;
  --color-magic-blade-300: #5dd653;
  --color-magic-blade-400: #29bf00;
  --color-magic-blade-500: #00a800;
  --color-magic-blade-600: #008e00;
  --color-magic-blade-700: #007200;
  --color-magic-blade-800: #005400;
  --color-magic-blade-900: #003a00;
  --color-magic-blade-950: #002400;
}

SCSS

$magic-blade: #44dd00;
$magic-blade-rgb: 68, 221, 0;
$magic-blade-light: mix(#fff, $magic-blade, 20%);
$magic-blade-dark: mix(#000, $magic-blade, 20%);

.element {
  color: $magic-blade;
  box-shadow: 0 0 0 2px rgba($magic-blade, 0.35);
}

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API