이름 색상 · #DEAD00
Mortal Yellow
Mortal Yellow은(는) #DEAD00: rgb(222 173 0), hsl(47 100% 44%), oklch(0.771 0.158 88.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mortal Yellow color name →
#DEAD00
oklch(0.771 0.158 88.1)
색상 변환
- HEX
- #dead00
- RGB
- rgb(222 173 0)
- HSL
- hsl(47 100% 44%)
- HWB
- hwb(47 0% 13%)
- OKLCH
- oklch(0.771 0.158 88.1)
- OKLab
- oklab(0.771 0.005 0.157)
- CIE Lab
- lab(73.68 9.56 75.68)
- LCH
- lch(73.68 76.28 82.8)
- CMYK
- cmyk(0% 22% 100% 13%)
틴트 · 셰이드 · 톤
틴트
- E1B63D
- E5BE5A
- E8C673
- ECCF89
- EFD79D
- F2DFB1
- F5E7C5
- F9EFD9
- FCF7EC
셰이드
- C19600
- A57F00
- 896A00
- 6F5500
- 554100
- 3D2D00
- 261B00
- 120B00
- 020100
톤
- D4A92C
- CBA53E
- C1A04C
- B89C57
- AE9760
- A59368
- 9C8E6F
- 928A75
- 89857B
색 조화
보색 +180°
- DEAD00
Mortal Yellow
- 95B1FF
≈ Widowmaker
유사색 -30° +30°
- DEAD00
Mortal Yellow
- FD983E
≈ Kumquat
- ACC13A
≈ Crisp Green
삼각 배색 +120° +240°
- DEAD00
Mortal Yellow
- 00CBE0
≈ Picnic Day Sky
- EA8EE7
≈ Frail Fuchsia
분열 보색 +150° +210°
- DEAD00
Mortal Yellow
- 55C0FF
≈ Hello Summer
- BFA1FF
≈ Diva
사각 배색 +90° +180° +270°
- DEAD00
Mortal Yellow
- 00D1B5
≈ Mint Leaf
- 95B1FF
≈ Widowmaker
- FF89B4
≈ Cochonnet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.08:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--mortal-yellow: #dead00;
--mortal-yellow-rgb: 222 173 0;
--mortal-yellow-oklch: oklch(0.771 0.158 88.1);
}
.element {
color: var(--mortal-yellow);
background-color: hsl(47 100% 44%);
border-color: oklch(0.771 0.158 88.1);
}Tailwind CSS v4
@theme {
--color-mortal-yellow: #dead00;
--color-mortal-yellow-50: #fff4c2;
--color-mortal-yellow-100: #fce6ac;
--color-mortal-yellow-200: #eed284;
--color-mortal-yellow-300: #d7b34e;
--color-mortal-yellow-400: #c59700;
--color-mortal-yellow-500: #b17c00;
--color-mortal-yellow-600: #966900;
--color-mortal-yellow-700: #785400;
--color-mortal-yellow-800: #5a3c00;
--color-mortal-yellow-900: #3f2a00;
--color-mortal-yellow-950: #281700;
}SCSS
$mortal-yellow: #dead00;
$mortal-yellow-rgb: 222, 173, 0;
$mortal-yellow-light: mix(#fff, $mortal-yellow, 20%);
$mortal-yellow-dark: mix(#000, $mortal-yellow, 20%);
.element {
color: $mortal-yellow;
box-shadow: 0 0 0 2px rgba($mortal-yellow, 0.35);
}