이름 색상 · #D24B38
Red Lightning
Red Lightning은(는) #D24B38: rgb(210 75 56), hsl(7 63% 52%), oklch(0.595 0.174 30.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Lightning color name →
#D24B38
oklch(0.595 0.174 30.8)
색상 변환
- HEX
- #d24b38
- RGB
- rgb(210 75 56)
- HSL
- hsl(7 63% 52%)
- HWB
- hwb(7 22% 18%)
- OKLCH
- oklch(0.595 0.174 30.8)
- OKLab
- oklab(0.595 0.149 0.089)
- CIE Lab
- lab(51.41 53.36 40.92)
- LCH
- lch(51.41 67.24 37.5)
- CMYK
- cmyk(0% 64% 73% 18%)
틴트 · 셰이드 · 톤
틴트
- D9604D
- DF7361
- E58574
- EB9788
- F0A89B
- F4BAAF
- F8CBC2
- FBDCD6
- FDEEEB
셰이드
- B6402F
- 9B3527
- 812B1F
- 682117
- 50170F
- 390E08
- 240604
- 100201
- 020000
톤
- CB5341
- C45A49
- BD6051
- B56659
- AD6B60
- A57066
- 9D756D
- 947973
- 8A7C7A
색 조화
보색 +180°
- D24B38
Red Lightning
- 008FA1
≈ Coral Coast
유사색 -30° +30°
- D24B38
Red Lightning
- CC4779
≈ Rubber Band
- B86800
≈ Brown Orange
삼각 배색 +120° +240°
- D24B38
Red Lightning
- 009848
≈ Luscious Green
- 5A73E5
≈ Blue Öyster Cult
분열 보색 +150° +210°
- D24B38
Red Lightning
- 009382
≈ Silk Sari
- 0087C8
≈ Water Blue
사각 배색 +90° +180° +270°
- D24B38
Red Lightning
- 738A00
≈ Canopy
- 008FA1
≈ Coral Coast
- 9160D4
≈ Legendary Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.37:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.80:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--red-lightning: #d24b38;
--red-lightning-rgb: 210 75 56;
--red-lightning-oklch: oklch(0.595 0.174 30.8);
}
.element {
color: var(--red-lightning);
background-color: hsl(7 63% 52%);
border-color: oklch(0.595 0.174 30.8);
}Tailwind CSS v4
@theme {
--color-red-lightning: #d24b38;
--color-red-lightning-50: #ffe4d6;
--color-red-lightning-100: #ffd3c3;
--color-red-lightning-200: #ffb9a4;
--color-red-lightning-300: #ff947d;
--color-red-lightning-400: #f3715c;
--color-red-lightning-500: #e24a36;
--color-red-lightning-600: #bf402f;
--color-red-lightning-700: #993325;
--color-red-lightning-800: #73231c;
--color-red-lightning-900: #511812;
--color-red-lightning-950: #360705;
}SCSS
$red-lightning: #d24b38;
$red-lightning-rgb: 210, 75, 56;
$red-lightning-light: mix(#fff, $red-lightning, 20%);
$red-lightning-dark: mix(#000, $red-lightning, 20%);
.element {
color: $red-lightning;
box-shadow: 0 0 0 2px rgba($red-lightning, 0.35);
}