이름 색상 · #FD3C06
Fire Opal
Fire Opal은(는) #FD3C06: rgb(253 60 6), hsl(13 98% 51%), oklch(0.649 0.233 33.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fire Opal color name →
#FD3C06
oklch(0.649 0.233 33.6)
색상 변환
- HEX
- #fd3c06
- RGB
- rgb(253 60 6)
- HSL
- hsl(13 98% 51%)
- HWB
- hwb(13 2% 1%)
- OKLCH
- oklch(0.649 0.233 33.6)
- OKLab
- oklab(0.649 0.194 0.129)
- CIE Lab
- lab(57.18 71.25 68.91)
- LCH
- lch(57.18 99.12 44)
- CMYK
- cmyk(0% 76% 98% 1%)
틴트 · 셰이드 · 톤
틴트
- FF5835
- FF6F50
- FF8467
- FF977E
- FFA994
- FFBBA9
- FFCCBE
- FFDDD4
- FFEEE9
셰이드
- DC3304
- BC2A03
- 9D2102
- 7F1901
- 621101
- 470A00
- 2D0400
- 160100
- 030000
톤
- F24A26
- E75536
- DB5E43
- CF654E
- C36B58
- B77161
- AA7569
- 9D7971
- 8F7D79
색 조화
보색 +180°
- FD3C06
Fire Opal
- 00A0B9
≈ January Blue
유사색 -30° +30°
- FD3C06
Fire Opal
- F73280
≈ Pink Piano
- CC7800
≈ Mountain Ash
삼각 배색 +120° +240°
- FD3C06
Fire Opal
- 00AB5D
≈ Nordic Grass Green
- 6D80FF
≈ Orchid
분열 보색 +150° +210°
- FD3C06
Fire Opal
- 00A596
≈ Tropical Sea
- 0097E7
≈ Pervenche
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.60:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.82:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.82:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--fire-opal: #fd3c06;
--fire-opal-rgb: 253 60 6;
--fire-opal-oklch: oklch(0.649 0.233 33.6);
}
.element {
color: var(--fire-opal);
background-color: hsl(13 98% 51%);
border-color: oklch(0.649 0.233 33.6);
}Tailwind CSS v4
@theme {
--color-fire-opal: #fd3c06;
--color-fire-opal-50: #ffdec7;
--color-fire-opal-100: #ffccb2;
--color-fire-opal-200: #ffae8d;
--color-fire-opal-300: #ff845e;
--color-fire-opal-400: #ff5731;
--color-fire-opal-500: #fb0700;
--color-fire-opal-600: #d41400;
--color-fire-opal-700: #ab1200;
--color-fire-opal-800: #800800;
--color-fire-opal-900: #5b0600;
--color-fire-opal-950: #3d0000;
}SCSS
$fire-opal: #fd3c06;
$fire-opal-rgb: 253, 60, 6;
$fire-opal-light: mix(#fff, $fire-opal, 20%);
$fire-opal-dark: mix(#000, $fire-opal, 20%);
.element {
color: $fire-opal;
box-shadow: 0 0 0 2px rgba($fire-opal, 0.35);
}