이름 색상 · #FF724C
Pinkish Orange
Pinkish Orange은(는) #FF724C: rgb(255 114 76), hsl(13 100% 65%), oklch(0.716 0.181 36). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pinkish Orange color name →
#FF724C
oklch(0.716 0.181 36)
색상 변환
- HEX
- #ff724c
- RGB
- rgb(255 114 76)
- HSL
- hsl(13 100% 65%)
- HWB
- hwb(13 30% 0%)
- OKLCH
- oklch(0.716 0.181 36)
- OKLab
- oklab(0.716 0.146 0.106)
- CIE Lab
- lab(65.55 53.14 48.02)
- LCH
- lch(65.55 71.63 42.1)
- CMYK
- cmyk(0% 55% 70% 0%)
틴트 · 셰이드 · 톤
틴트
- FF8260
- FF9172
- FFA084
- FFAE96
- FFBCA8
- FFCAB9
- FFD7CA
- FFE4DC
- FFF2ED
셰이드
- DE6241
- BE5336
- 9E442C
- 803622
- 632818
- 481B0F
- 2E0E06
- 160402
- 030100
톤
- F37553
- E7785A
- DB7A60
- CE7C66
- C27D6B
- B57F70
- A97F74
- 9B8078
- 8E807C
색 조화
보색 +180°
- FF724C
Pinkish Orange
- 00B6D6
≈ Ocean Sigh
유사색 -30° +30°
- FF724C
Pinkish Orange
- FC6B92
≈ Blush Hour
- E58B00
≈ Hotter Butter
삼각 배색 +120° +240°
- FF724C
Pinkish Orange
- 00C274
≈ Times Square Screens
- 8B99FF
≈ Periwinkle Blue
분열 보색 +150° +210°
- FF724C
Pinkish Orange
- 00BCAF
≈ Turquoise Topaz
- 3CAAFF
≈ Xed
사각 배색 +90° +180° +270°
- FF724C
Pinkish Orange
- 87B609
≈ Dark Lime
- 00B6D6
≈ Ocean Sigh
- C081FB
≈ Lilac Geode
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.70:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.76:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.76:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--pinkish-orange: #ff724c;
--pinkish-orange-rgb: 255 114 76;
--pinkish-orange-oklch: oklch(0.716 0.181 36);
}
.element {
color: var(--pinkish-orange);
background-color: hsl(13 100% 65%);
border-color: oklch(0.716 0.181 36);
}Tailwind CSS v4
@theme {
--color-pinkish-orange: #ff724c;
--color-pinkish-orange-50: #ffe4d0;
--color-pinkish-orange-100: #ffd4bc;
--color-pinkish-orange-200: #ffb99c;
--color-pinkish-orange-300: #ff9471;
--color-pinkish-orange-400: #f5704d;
--color-pinkish-orange-500: #e4491a;
--color-pinkish-orange-600: #c0401a;
--color-pinkish-orange-700: #9b3315;
--color-pinkish-orange-800: #742311;
--color-pinkish-orange-900: #52170a;
--color-pinkish-orange-950: #360701;
}SCSS
$pinkish-orange: #ff724c;
$pinkish-orange-rgb: 255, 114, 76;
$pinkish-orange-light: mix(#fff, $pinkish-orange, 20%);
$pinkish-orange-dark: mix(#000, $pinkish-orange, 20%);
.element {
color: $pinkish-orange;
box-shadow: 0 0 0 2px rgba($pinkish-orange, 0.35);
}