이름 색상 · #742100
Burning Steppes
Burning Steppes은(는) #742100: rgb(116 33 0), hsl(17 100% 23%), oklch(0.377 0.122 38.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Burning Steppes color name →
#742100
oklch(0.377 0.122 38.4)
색상 변환
- HEX
- #742100
- RGB
- rgb(116 33 0)
- HSL
- hsl(17 100% 23%)
- HWB
- hwb(17 0% 55%)
- OKLCH
- oklch(0.377 0.122 38.4)
- OKLab
- oklab(0.377 0.096 0.076)
- CIE Lab
- lab(26.67 35.98 38.6)
- LCH
- lch(26.67 52.77 47)
- CMYK
- cmyk(0% 72% 100% 55%)
틴트 · 셰이드 · 톤
틴트
- 833820
- 924E38
- A16350
- AF7967
- BD8E7F
- CBA498
- D8BAB1
- E5D1CA
- F2E8E4
셰이드
- 641B00
- 541600
- 451000
- 370B00
- 290600
- 1B0300
- 0F0100
- 050000
- 010000
톤
- 772D14
- 793722
- 7B412F
- 7D4B3B
- 7E5446
- 7F5D52
- 80665D
- 816F69
- 807774
색 조화
보색 +180°
- 742100
Burning Steppes
- 004A5A
≈ Nocturnal Expedition
유사색 -30° +30°
- 742100
Burning Steppes
- 731B34
≈ Rocking Chair
- 5D3800
≈ Hippogriff Brown
삼각 배색 +120° +240°
- 742100
Burning Steppes
- 004F2F
≈ Troll Green
- 353680
≈ Ballpoint Indigo
분열 보색 +150° +210°
- 742100
Burning Steppes
- 004C48
≈ Swamp Mausoleum
- 004475
≈ Mermaid Blues
사각 배색 +90° +180° +270°
- 742100
Burning Steppes
- 314B00
≈ Treetop Cathedral
- 004A5A
≈ Nocturnal Expedition
- 542A72
≈ Purple Seduction
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.71:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.96:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--burning-steppes: #742100;
--burning-steppes-rgb: 116 33 0;
--burning-steppes-oklch: oklch(0.377 0.122 38.4);
}
.element {
color: var(--burning-steppes);
background-color: hsl(17 100% 23%);
border-color: oklch(0.377 0.122 38.4);
}Tailwind CSS v4
@theme {
--color-burning-steppes: #742100;
--color-burning-steppes-50: #ffeadb;
--color-burning-steppes-100: #ffdbc9;
--color-burning-steppes-200: #ffc3ad;
--color-burning-steppes-300: #eea287;
--color-burning-steppes-400: #dc8468;
--color-burning-steppes-500: #c96646;
--color-burning-steppes-600: #aa573c;
--color-burning-steppes-700: #884530;
--color-burning-steppes-800: #663123;
--color-burning-steppes-900: #472117;
--color-burning-steppes-950: #2e1008;
}SCSS
$burning-steppes: #742100;
$burning-steppes-rgb: 116, 33, 0;
$burning-steppes-light: mix(#fff, $burning-steppes, 20%);
$burning-steppes-dark: mix(#000, $burning-steppes, 20%);
.element {
color: $burning-steppes;
box-shadow: 0 0 0 2px rgba($burning-steppes, 0.35);
}