이름 색상 · #F0531C
Fiery Glow
Fiery Glow은(는) #F0531C: rgb(240 83 28), hsl(16 88% 53%), oklch(0.65 0.202 37.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fiery Glow color name →
#F0531C
oklch(0.65 0.202 37.4)
색상 변환
- HEX
- #f0531c
- RGB
- rgb(240 83 28)
- HSL
- hsl(16 88% 53%)
- HWB
- hwb(16 11% 6%)
- OKLCH
- oklch(0.65 0.202 37.4)
- OKLab
- oklab(0.65 0.161 0.123)
- CIE Lab
- lab(57.71 59.76 61.71)
- LCH
- lch(57.71 85.9 45.9)
- CMYK
- cmyk(0% 65% 88% 6%)
틴트 · 셰이드 · 톤
틴트
- F4683D
- F87B56
- FB8D6C
- FE9E82
- FFAF97
- FFBFAB
- FFCFC0
- FFDFD5
- FFEFEA
셰이드
- D14717
- B23B12
- 95300D
- 782508
- 5D1B05
- 431102
- 2A0801
- 140200
- 030000
톤
- E65B2F
- DC623D
- D16848
- C76D52
- BC715B
- B17563
- A5786B
- 9A7B72
- 8D7E79
색 조화
보색 +180°
- F0531C
Fiery Glow
- 00A0BE
≈ Greek Blue
유사색 -30° +30°
- F0531C
Fiery Glow
- EE4979
≈ Radishical
- C87B00
≈ Seabuckthorn Yellow Brown
삼각 배색 +120° +240°
- F0531C
Fiery Glow
- 00AA69
≈ Greedo Green
- 777EFF
≈ Orchid
분열 보색 +150° +210°
- F0531C
Fiery Glow
- 00A59B
≈ Baltic Turquoise
- 0094F2
≈ Karimun Blue
사각 배색 +90° +180° +270°
- F0531C
Fiery Glow
- 72A100
≈ Support Green
- 00A0BE
≈ Greek Blue
- B165ED
≈ Queer Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.52:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.95:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.95:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--fiery-glow: #f0531c;
--fiery-glow-rgb: 240 83 28;
--fiery-glow-oklch: oklch(0.65 0.202 37.4);
}
.element {
color: var(--fiery-glow);
background-color: hsl(16 88% 53%);
border-color: oklch(0.65 0.202 37.4);
}Tailwind CSS v4
@theme {
--color-fiery-glow: #f0531c;
--color-fiery-glow-50: #ffe2ca;
--color-fiery-glow-100: #ffd1b5;
--color-fiery-glow-200: #ffb592;
--color-fiery-glow-300: #ff8f64;
--color-fiery-glow-400: #fe693a;
--color-fiery-glow-500: #ed3b00;
--color-fiery-glow-600: #c83500;
--color-fiery-glow-700: #a12a00;
--color-fiery-glow-800: #791c00;
--color-fiery-glow-900: #551302;
--color-fiery-glow-950: #390300;
}SCSS
$fiery-glow: #f0531c;
$fiery-glow-rgb: 240, 83, 28;
$fiery-glow-light: mix(#fff, $fiery-glow, 20%);
$fiery-glow-dark: mix(#000, $fiery-glow, 20%);
.element {
color: $fiery-glow;
box-shadow: 0 0 0 2px rgba($fiery-glow, 0.35);
}