Benannte Farbe · #ED8732
Kid’s Stuff
Kid’s Stuff ist #ED8732: rgb(237 135 50), hsl(27 84% 56%), oklch(0.721 0.156 55.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Kid’s Stuff color name →
#ED8732
oklch(0.721 0.156 55.8)
Farbumrechnungen
- HEX
- #ed8732
- RGB
- rgb(237 135 50)
- HSL
- hsl(27 84% 56%)
- HWB
- hwb(27 20% 7%)
- OKLCH
- oklch(0.721 0.156 55.8)
- OKLab
- oklab(0.721 0.088 0.129)
- CIE Lab
- lab(66.83 35.68 60.22)
- LCH
- lch(66.83 70 59.4)
- CMYK
- cmyk(0% 43% 79% 7%)
Tints · Shades · Tones
Tints
- F0944D
- F3A064
- F6AC79
- F8B98D
- FAC4A0
- FBD0B3
- FDDCC6
- FEE8D9
- FFF3EC
Shades
- CE752A
- B06322
- 93511B
- 774114
- 5C310D
- 422107
- 2A1303
- 140601
- 030100
Tones
- E28740
- D8874B
- CD8754
- C2875C
- B88663
- AD856A
- A28470
- 978376
- 8C827B
Farbharmonien
Komplementär +180°
- ED8732
Kid’s Stuff
- 00B2F7
≈ Democrat
Analog -30° +30°
- ED8732
Kid’s Stuff
- F77970
≈ Melon Refresher
- CE9C00
≈ Vivid Amber
Triadisch +120° +240°
- ED8732
Kid’s Stuff
- 00C0A1
≈ First Post
- AE8EFB
≈ Lilac Geode
Geteilt komplementär +150° +210°
- ED8732
Kid’s Stuff
- 00BACA
≈ Utopia Beckons
- 7AA1FF
≈ Fennel Flower
Tetradisch +90° +180° +270°
- ED8732
Kid’s Stuff
- 5BBE65
≈ Emerald Cory
- 00B2F7
≈ Democrat
- D67FD9
≈ Hibiscus Pop
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.58:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.11:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.11:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--kid-s-stuff: #ed8732;
--kid-s-stuff-rgb: 237 135 50;
--kid-s-stuff-oklch: oklch(0.721 0.156 55.8);
}
.element {
color: var(--kid-s-stuff);
background-color: hsl(27 84% 56%);
border-color: oklch(0.721 0.156 55.8);
}Tailwind CSS v4
@theme {
--color-kid-s-stuff: #ed8732;
--color-kid-s-stuff-50: #ffebca;
--color-kid-s-stuff-100: #ffdcb5;
--color-kid-s-stuff-200: #ffc491;
--color-kid-s-stuff-300: #f3a263;
--color-kid-s-stuff-400: #e38334;
--color-kid-s-stuff-500: #d06300;
--color-kid-s-stuff-600: #b05400;
--color-kid-s-stuff-700: #8d4300;
--color-kid-s-stuff-800: #6a2f00;
--color-kid-s-stuff-900: #4b2000;
--color-kid-s-stuff-950: #310f00;
}SCSS
$kid-s-stuff: #ed8732;
$kid-s-stuff-rgb: 237, 135, 50;
$kid-s-stuff-light: mix(#fff, $kid-s-stuff, 20%);
$kid-s-stuff-dark: mix(#000, $kid-s-stuff, 20%);
.element {
color: $kid-s-stuff;
box-shadow: 0 0 0 2px rgba($kid-s-stuff, 0.35);
}