Benoemde kleur · #FDAA48
Prison Jumpsuit
Prison Jumpsuit is #FDAA48: rgb(253 170 72), hsl(32 98% 64%), oklch(0.802 0.147 67). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Prison Jumpsuit color name →
#FDAA48
oklch(0.802 0.147 67)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FEB35F
- FFBC74
- FFC587
- FFCD99
- FFD6AB
- FFDEBC
- FFE6CD
- FFEFDE
- FFF7EE
Schaduwen
- DC933D
- BC7D33
- 9D6829
- 7F531F
- 623F16
- 472D0D
- 2D1B06
- 160B02
- 030100
Tonen
- F0A652
- E4A25A
- D79E62
- CB9A68
- BE966D
- B29272
- A58E76
- 99897A
- 8C857D
Kleurharmonieën
Complementair +180°
- FDAA48
Prison Jumpsuit
- 85C5FF
≈ Chromis Damsel Blue
Analoog -30° +30°
- FDAA48
Prison Jumpsuit
- FFA489
≈ Tangerine Cream
- D9BE3A
≈ Wax
Triadisch +120° +240°
- FDAA48
Prison Jumpsuit
- 00DBCE
≈ Mint Morning
- D4A8FF
≈ Purple Hepatica
Gesplitst complementair +150° +210°
- FDAA48
Prison Jumpsuit
- 00D4FA
≈ Neon Blue
- AEB9FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
- FDAA48
Prison Jumpsuit
- 5EDB98
≈ Aurora Green
- 85C5FF
≈ Chromis Damsel Blue
- FA98E1
≈ Pink Condition
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.90:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 11.01:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
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);
}