이름 색상 · #D37A38
Fired Up
Fired Up은(는) #D37A38: rgb(211 122 56), hsl(26 64% 52%), oklch(0.666 0.136 54.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Fired Up color name →
#D37A38
oklch(0.666 0.136 54.1)
색상 변환
- HEX
- #d37a38
- RGB
- rgb(211 122 56)
- HSL
- hsl(26 64% 52%)
- HWB
- hwb(26 22% 17%)
- OKLCH
- oklch(0.666 0.136 54.1)
- OKLab
- oklab(0.666 0.08 0.11)
- CIE Lab
- lab(60.5 31.82 50.22)
- LCH
- lch(60.5 59.46 57.6)
- CMYK
- cmyk(0% 42% 73% 17%)
틴트 · 셰이드 · 톤
틴트
- D9884F
- DE9564
- E3A278
- E8B08C
- ECBD9F
- F1CAB2
- F5D7C5
- F8E5D8
- FCF2EC
셰이드
- B7692F
- 9C5927
- 82491F
- 693A17
- 512B0F
- 3A1D08
- 241004
- 100501
- 020100
톤
- CB7B43
- C37D4C
- BB7E54
- B37E5C
- AB7F63
- A38069
- 9A806F
- 928075
- 89807B
색 조화
보색 +180°
- D37A38
Fired Up
- 12A0DA
≈ Vanadyl Blue
유사색 -30° +30°
- D37A38
Fired Up
- DB6F6A
≈ Native Berry
- BB8B01
≈ Kenyan Sand
삼각 배색 +120° +240°
- D37A38
Fired Up
- 00AC8E
≈ Arcadia
- 9982DF
≈ Indigo Bloom
분열 보색 +150° +210°
- D37A38
Fired Up
- 00A7B4
≈ Exotic Sea
- 6991E7
≈ Guilliman Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.17:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.61:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--fired-up: #d37a38;
--fired-up-rgb: 211 122 56;
--fired-up-oklch: oklch(0.666 0.136 54.1);
}
.element {
color: var(--fired-up);
background-color: hsl(26 64% 52%);
border-color: oklch(0.666 0.136 54.1);
}Tailwind CSS v4
@theme {
--color-fired-up: #d37a38;
--color-fired-up-50: #ffecd0;
--color-fired-up-100: #ffddbd;
--color-fired-up-200: #ffc69c;
--color-fired-up-300: #eda571;
--color-fired-up-400: #dc864a;
--color-fired-up-500: #c96811;
--color-fired-up-600: #aa5914;
--color-fired-up-700: #884710;
--color-fired-up-800: #66320c;
--color-fired-up-900: #482207;
--color-fired-up-950: #2f1100;
}SCSS
$fired-up: #d37a38;
$fired-up-rgb: 211, 122, 56;
$fired-up-light: mix(#fff, $fired-up, 20%);
$fired-up-dark: mix(#000, $fired-up, 20%);
.element {
color: $fired-up;
box-shadow: 0 0 0 2px rgba($fired-up, 0.35);
}