이름 색상 · #D2864E
Flaming Torch
Flaming Torch은(는) #D2864E: rgb(210 134 78), hsl(25 59% 56%), oklch(0.688 0.118 55.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Flaming Torch color name →
#D2864E
oklch(0.688 0.118 55.6)
색상 변환
- HEX
- #d2864e
- RGB
- rgb(210 134 78)
- HSL
- hsl(25 59% 56%)
- HWB
- hwb(25 31% 18%)
- OKLCH
- oklch(0.688 0.118 55.6)
- OKLab
- oklab(0.688 0.067 0.097)
- CIE Lab
- lab(63.25 26.17 42.33)
- LCH
- lch(63.25 49.77 58.3)
- CMYK
- cmyk(0% 36% 63% 18%)
틴트 · 셰이드 · 톤
틴트
- D79261
- DD9E73
- E1AA85
- E6B696
- EBC3A7
- EFCFB9
- F3DBCA
- F8E7DC
- FBF3ED
셰이드
- B67443
- 9B6238
- 81512D
- 684023
- 503019
- 39210F
- 241307
- 100602
- 020100
톤
- CA8655
- C2865B
- BA8561
- B28566
- AA846B
- A2846F
- 998374
- 918278
- 89817C
색 조화
보색 +180°
- D2864E
Flaming Torch
- 44A5D9
≈ Waimea Blue
유사색 -30° +30°
- D2864E
Flaming Torch
- DA7C74
≈ Golgfag Brown
- BB9538
≈ Roti
삼각 배색 +120° +240°
- D2864E
Flaming Torch
- 2DB297
≈ Aloha
- A18BDB
≈ Middy’s Purple
분열 보색 +150° +210°
- D2864E
Flaming Torch
- 00AFBE
≈ Deep Turquoise
- 7898E4
≈ Guilliman Blue
사각 배색 +90° +180° +270°
- D2864E
Flaming Torch
- 68AE6D
≈ Pale Green
- 44A5D9
≈ Waimea Blue
- C080C2
≈ Lavender Sweater
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.89:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.26:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--flaming-torch: #d2864e;
--flaming-torch-rgb: 210 134 78;
--flaming-torch-oklch: oklch(0.688 0.118 55.6);
}
.element {
color: var(--flaming-torch);
background-color: hsl(25 59% 56%);
border-color: oklch(0.688 0.118 55.6);
}Tailwind CSS v4
@theme {
--color-flaming-torch: #d2864e;
--color-flaming-torch-50: #ffeed5;
--color-flaming-torch-100: #ffdfc2;
--color-flaming-torch-200: #fcc8a3;
--color-flaming-torch-300: #e6a87b;
--color-flaming-torch-400: #d48b57;
--color-flaming-torch-500: #c06e2d;
--color-flaming-torch-600: #a25e28;
--color-flaming-torch-700: #824b1f;
--color-flaming-torch-800: #613616;
--color-flaming-torch-900: #44250e;
--color-flaming-torch-950: #2c1302;
}SCSS
$flaming-torch: #d2864e;
$flaming-torch-rgb: 210, 134, 78;
$flaming-torch-light: mix(#fff, $flaming-torch, 20%);
$flaming-torch-dark: mix(#000, $flaming-torch, 20%);
.element {
color: $flaming-torch;
box-shadow: 0 0 0 2px rgba($flaming-torch, 0.35);
}