이름 색상 · #EF8B38
Peril’s Flames
Peril’s Flames은(는) #EF8B38: rgb(239 139 56), hsl(27 85% 58%), oklch(0.73 0.153 56.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peril’s Flames color name →
#EF8B38
oklch(0.73 0.153 56.2)
색상 변환
- HEX
- #ef8b38
- RGB
- rgb(239 139 56)
- HSL
- hsl(27 85% 58%)
- HWB
- hwb(27 22% 6%)
- OKLCH
- oklch(0.73 0.153 56.2)
- OKLab
- oklab(0.73 0.085 0.127)
- CIE Lab
- lab(67.99 34.66 58.93)
- LCH
- lch(67.99 68.36 59.5)
- CMYK
- cmyk(0% 42% 77% 6%)
틴트 · 셰이드 · 톤
틴트
- F29752
- F4A368
- F7AF7C
- F9BB8F
- FBC6A2
- FCD2B5
- FDDDC7
- FEE9DA
- FFF4EC
셰이드
- D0782F
- B16627
- 94541F
- 784317
- 5C320F
- 422308
- 2A1404
- 140701
- 030100
톤
- E48B44
- D98A4E
- CE8A57
- C3895F
- B88865
- AD876B
- A28571
- 978476
- 8C827B
색 조화
보색 +180°
- EF8B38
Peril’s Flames
- 18B5FB
≈ Blue Bolt
유사색 -30° +30°
- EF8B38
Peril’s Flames
- F97D73
≈ Smoked Salmon
- D1A000
≈ Lepton Gold
삼각 배색 +120° +240°
- EF8B38
Peril’s Flames
- 00C3A5
≈ Turquoise
- B191FC
≈ Lilac Geode
분열 보색 +150° +210°
- EF8B38
Peril’s Flames
- 00BDCE
≈ Holiday Blue
- 7FA4FF
≈ Fennel Flower
사각 배색 +90° +180° +270°
- EF8B38
Peril’s Flames
- 5FC16B
≈ Verdant Oasis
- 18B5FB
≈ Blue Bolt
- D983DB
≈ Blush Essence
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.42:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--peril-s-flames: #ef8b38;
--peril-s-flames-rgb: 239 139 56;
--peril-s-flames-oklch: oklch(0.73 0.153 56.2);
}
.element {
color: var(--peril-s-flames);
background-color: hsl(27 85% 58%);
border-color: oklch(0.73 0.153 56.2);
}Tailwind CSS v4
@theme {
--color-peril-s-flames: #ef8b38;
--color-peril-s-flames-50: #ffebca;
--color-peril-s-flames-100: #ffdcb6;
--color-peril-s-flames-200: #ffc492;
--color-peril-s-flames-300: #f2a364;
--color-peril-s-flames-400: #e18336;
--color-peril-s-flames-500: #cf6400;
--color-peril-s-flames-600: #af5500;
--color-peril-s-flames-700: #8d4400;
--color-peril-s-flames-800: #693000;
--color-peril-s-flames-900: #4a2100;
--color-peril-s-flames-950: #300f00;
}SCSS
$peril-s-flames: #ef8b38;
$peril-s-flames-rgb: 239, 139, 56;
$peril-s-flames-light: mix(#fff, $peril-s-flames, 20%);
$peril-s-flames-dark: mix(#000, $peril-s-flames, 20%);
.element {
color: $peril-s-flames;
box-shadow: 0 0 0 2px rgba($peril-s-flames, 0.35);
}