이름 색상 · #FDAA48
Prison Jumpsuit
Prison Jumpsuit은(는) #FDAA48: rgb(253 170 72), hsl(32 98% 64%), oklch(0.802 0.147 67). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Prison Jumpsuit color name →
#FDAA48
oklch(0.802 0.147 67)
색상 변환
- HEX
- #fdaa48
- RGB
- rgb(253 170 72)
- HSL
- hsl(32 98% 64%)
- HWB
- hwb(32 28% 1%)
- OKLCH
- oklch(0.802 0.147 67)
- OKLab
- oklab(0.802 0.057 0.136)
- CIE Lab
- lab(76.72 25.41 61.22)
- LCH
- lch(76.72 66.28 67.5)
- CMYK
- cmyk(0% 33% 72% 1%)
틴트 · 셰이드 · 톤
틴트
- FEB35F
- FFBC74
- FFC587
- FFCD99
- FFD6AB
- FFDEBC
- FFE6CD
- FFEFDE
- FFF7EE
셰이드
- DC933D
- BC7D33
- 9D6829
- 7F531F
- 623F16
- 472D0D
- 2D1B06
- 160B02
- 030100
톤
- F0A652
- E4A25A
- D79E62
- CB9A68
- BE966D
- B29272
- A58E76
- 99897A
- 8C857D
색 조화
보색 +180°
- FDAA48
Prison Jumpsuit
- 85C5FF
≈ Chromis Damsel Blue
유사색 -30° +30°
- FDAA48
Prison Jumpsuit
- FFA489
≈ Tangerine Cream
- D9BE3A
≈ Wax
삼각 배색 +120° +240°
- FDAA48
Prison Jumpsuit
- 00DBCE
≈ Mint Morning
- D4A8FF
≈ Purple Hepatica
분열 보색 +150° +210°
- FDAA48
Prison Jumpsuit
- 00D4FA
≈ Neon Blue
- AEB9FF
≈ Greyish Lavender
사각 배색 +90° +180° +270°
- FDAA48
Prison Jumpsuit
- 5EDB98
≈ Aurora Green
- 85C5FF
≈ Chromis Damsel Blue
- FA98E1
≈ Pink Condition
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.90:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.01:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--prison-jumpsuit: #fdaa48;
--prison-jumpsuit-rgb: 253 170 72;
--prison-jumpsuit-oklch: oklch(0.802 0.147 67);
}
.element {
color: var(--prison-jumpsuit);
background-color: hsl(32 98% 64%);
border-color: oklch(0.802 0.147 67);
}Tailwind CSS v4
@theme {
--color-prison-jumpsuit: #fdaa48;
--color-prison-jumpsuit-50: #ffeec8;
--color-prison-jumpsuit-100: #ffe0b3;
--color-prison-jumpsuit-200: #fec98f;
--color-prison-jumpsuit-300: #e8a95f;
--color-prison-jumpsuit-400: #d78b2a;
--color-prison-jumpsuit-500: #c56e00;
--color-prison-jumpsuit-600: #a65d00;
--color-prison-jumpsuit-700: #854a00;
--color-prison-jumpsuit-800: #643500;
--color-prison-jumpsuit-900: #462400;
--color-prison-jumpsuit-950: #2d1200;
}SCSS
$prison-jumpsuit: #fdaa48;
$prison-jumpsuit-rgb: 253, 170, 72;
$prison-jumpsuit-light: mix(#fff, $prison-jumpsuit, 20%);
$prison-jumpsuit-dark: mix(#000, $prison-jumpsuit, 20%);
.element {
color: $prison-jumpsuit;
box-shadow: 0 0 0 2px rgba($prison-jumpsuit, 0.35);
}