이름 색상 · #FF5511
Oil on Fire
Oil on Fire은(는) #FF5511: rgb(255 85 17), hsl(17 100% 53%), oklch(0.676 0.216 37.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Oil on Fire color name →
#FF5511
oklch(0.676 0.216 37.8)
색상 변환
- HEX
- #ff5511
- RGB
- rgb(255 85 17)
- HSL
- hsl(17 100% 53%)
- HWB
- hwb(17 7% 0%)
- OKLCH
- oklch(0.676 0.216 37.8)
- OKLab
- oklab(0.676 0.171 0.133)
- CIE Lab
- lab(60.6 63.83 68.3)
- LCH
- lch(60.6 93.48 46.9)
- CMYK
- cmyk(0% 67% 93% 0%)
틴트 · 셰이드 · 톤
틴트
- FF6B3A
- FF7E54
- FF906B
- FFA181
- FFB197
- FFC1AC
- FFD1C0
- FFE0D5
- FFF0EA
셰이드
- DE490D
- BE3D09
- 9E3106
- 802604
- 631C02
- 481101
- 2E0800
- 160200
- 030000
톤
- F35D2B
- E8643A
- DC6A47
- D06F51
- C3735A
- B77763
- AA7A6B
- 9D7C72
- 8F7E79
색 조화
보색 +180°
- FF5511
Oil on Fire
- 00A8C8
≈ Gummy Dolphins
유사색 -30° +30°
- FF5511
Oil on Fire
- FD4A7E
≈ Sasquatch Socks
- D28200
≈ Copious Caramel
삼각 배색 +120° +240°
- FF5511
Oil on Fire
- 00B370
≈ Green Teal
- 8088FF
≈ Lavender Blue Shadow
분열 보색 +150° +210°
- FF5511
Oil on Fire
- 00AEA4
≈ Cozumel
- 059CFF
≈ Blue Nebula
사각 배색 +90° +180° +270°
- FF5511
Oil on Fire
- 77AA00
≈ Green Envy
- 00A8C8
≈ Gummy Dolphins
- BC68FB
≈ Easter Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--oil-on-fire: #ff5511;
--oil-on-fire-rgb: 255 85 17;
--oil-on-fire-oklch: oklch(0.676 0.216 37.8);
}
.element {
color: var(--oil-on-fire);
background-color: hsl(17 100% 53%);
border-color: oklch(0.676 0.216 37.8);
}Tailwind CSS v4
@theme {
--color-oil-on-fire: #ff5511;
--color-oil-on-fire-50: #ffe1c7;
--color-oil-on-fire-100: #ffd0b1;
--color-oil-on-fire-200: #ffb38c;
--color-oil-on-fire-300: #ff8b5c;
--color-oil-on-fire-400: #ff632c;
--color-oil-on-fire-500: #f32f00;
--color-oil-on-fire-600: #cd2b00;
--color-oil-on-fire-700: #a52300;
--color-oil-on-fire-800: #7c1600;
--color-oil-on-fire-900: #580f00;
--color-oil-on-fire-950: #3b0000;
}SCSS
$oil-on-fire: #ff5511;
$oil-on-fire-rgb: 255, 85, 17;
$oil-on-fire-light: mix(#fff, $oil-on-fire, 20%);
$oil-on-fire-dark: mix(#000, $oil-on-fire, 20%);
.element {
color: $oil-on-fire;
box-shadow: 0 0 0 2px rgba($oil-on-fire, 0.35);
}