이름 색상 · #D3691F
Fresh Gingerbread
Fresh Gingerbread은(는) #D3691F: rgb(211 105 31), hsl(25 74% 47%), oklch(0.636 0.156 49.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Fresh Gingerbread color name →
#D3691F
oklch(0.636 0.156 49.9)
색상 변환
- HEX
- #d3691f
- RGB
- rgb(211 105 31)
- HSL
- hsl(25 74% 47%)
- HWB
- hwb(25 12% 17%)
- OKLCH
- oklch(0.636 0.156 49.9)
- OKLab
- oklab(0.636 0.1 0.119)
- CIE Lab
- lab(56.79 39.65 57.39)
- LCH
- lch(56.79 69.76 55.4)
- CMYK
- cmyk(0% 50% 85% 17%)
틴트 · 셰이드 · 톤
틴트
- D9793E
- DF8856
- E4976C
- E9A682
- EEB597
- F2C4AB
- F6D3C0
- F9E2D5
- FCF0EA
셰이드
- B75A19
- 9C4C14
- 823E0F
- 69310A
- 512406
- 3A1803
- 240C01
- 100400
- 020000
톤
- CB6D30
- C4703D
- BC7348
- B47552
- AC785B
- A47A63
- 9B7C6B
- 927D72
- 897F79
색 조화
보색 +180°
- D3691F
Fresh Gingerbread
- 0098C8
≈ UV Light
유사색 -30° +30°
- D3691F
Fresh Gingerbread
- D95D63
≈ Berrylicious
- B48000
≈ Murder Mustard
삼각 배색 +120° +240°
- D3691F
Fresh Gingerbread
- 00A37F
≈ Sport Green
- 8B77E2
≈ Matt Purple
분열 보색 +150° +210°
- D3691F
Fresh Gingerbread
- 009EA4
≈ Turkish Boy
- 4F89E8
≈ Blue Elemental
사각 배색 +90° +180° +270°
- D3691F
Fresh Gingerbread
- 52A13E
≈ Oregano Green
- 0098C8
≈ UV Light
- B368C5
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.61:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.81:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--fresh-gingerbread: #d3691f;
--fresh-gingerbread-rgb: 211 105 31;
--fresh-gingerbread-oklch: oklch(0.636 0.156 49.9);
}
.element {
color: var(--fresh-gingerbread);
background-color: hsl(25 74% 47%);
border-color: oklch(0.636 0.156 49.9);
}Tailwind CSS v4
@theme {
--color-fresh-gingerbread: #d3691f;
--color-fresh-gingerbread-50: #ffeacd;
--color-fresh-gingerbread-100: #ffdab9;
--color-fresh-gingerbread-200: #ffc296;
--color-fresh-gingerbread-300: #f6a06a;
--color-fresh-gingerbread-400: #e67f40;
--color-fresh-gingerbread-500: #d45f00;
--color-fresh-gingerbread-600: #b35100;
--color-fresh-gingerbread-700: #904100;
--color-fresh-gingerbread-800: #6c2d03;
--color-fresh-gingerbread-900: #4c1f03;
--color-fresh-gingerbread-950: #320e00;
}SCSS
$fresh-gingerbread: #d3691f;
$fresh-gingerbread-rgb: 211, 105, 31;
$fresh-gingerbread-light: mix(#fff, $fresh-gingerbread, 20%);
$fresh-gingerbread-dark: mix(#000, $fresh-gingerbread, 20%);
.element {
color: $fresh-gingerbread;
box-shadow: 0 0 0 2px rgba($fresh-gingerbread, 0.35);
}