Benannte Farbe · #FDAA48
Prison Jumpsuit
Prison Jumpsuit ist #FDAA48: rgb(253 170 72), hsl(32 98% 64%), oklch(0.802 0.147 67). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Prison Jumpsuit color name →
#FDAA48
oklch(0.802 0.147 67)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FEB35F
- FFBC74
- FFC587
- FFCD99
- FFD6AB
- FFDEBC
- FFE6CD
- FFEFDE
- FFF7EE
Shades
- DC933D
- BC7D33
- 9D6829
- 7F531F
- 623F16
- 472D0D
- 2D1B06
- 160B02
- 030100
Tones
- F0A652
- E4A25A
- D79E62
- CB9A68
- BE966D
- B29272
- A58E76
- 99897A
- 8C857D
Farbharmonien
Komplementär +180°
- FDAA48
Prison Jumpsuit
- 85C5FF
≈ Chromis Damsel Blue
Analog -30° +30°
- FDAA48
Prison Jumpsuit
- FFA489
≈ Tangerine Cream
- D9BE3A
≈ Wax
Triadisch +120° +240°
- FDAA48
Prison Jumpsuit
- 00DBCE
≈ Mint Morning
- D4A8FF
≈ Purple Hepatica
Geteilt komplementär +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
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.90:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.01:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
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);
}