Nächste benannte Farbe · #E29138
#E29138
Nächste benannte Farbe: Soft Pumpkin
#E29138 (rgb(226 145 56), hsl(31 75% 55%), oklch(0.725 0.14 64.3)) liegt am nächsten an der benannten Farbe Soft Pumpkin. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E29138
oklch(0.725 0.14 64.3)
Farbumrechnungen
- HEX
- #e29138
- RGB
- rgb(226 145 56)
- HSL
- hsl(31 75% 55%)
- HWB
- hwb(31 22% 11%)
- OKLCH
- oklch(0.725 0.14 64.3)
- OKLab
- oklab(0.725 0.061 0.126)
- CIE Lab
- lab(67.62 26.34 57.86)
- LCH
- lch(67.62 63.58 65.5)
- CMYK
- cmyk(0% 36% 75% 11%)
Tints · Shades · Tones
Tints
- E69C51
- E9A867
- EDB37C
- F0BE8F
- F3C9A2
- F6D4B5
- F8DFC7
- FBE9DA
- FDF4EC
Shades
- C47D2F
- A86A27
- 8C581F
- 714617
- 57350F
- 3E2508
- 271504
- 120701
- 030100
Tones
- D89044
- CF8F4E
- C58D57
- BB8C5E
- B28A65
- A8886B
- 9E8671
- 948476
- 8A827B
Farbharmonien
Komplementär +180°
- E29138
Soft Pumpkin
- 4CAEF7
≈ Adamantine Blue
Analog -30° +30°
- E29138
Soft Pumpkin
- F08369
≈ Peachy Feeling
- C3A421
≈ Pickle Juice
Triadisch +120° +240°
- E29138
Soft Pumpkin
- 00C0AF
≈ Turquoise
- BA8EED
≈ Luminous Lavender
Geteilt komplementär +150° +210°
- E29138
Soft Pumpkin
- 00BAD7
≈ Maldives
- 8C9EFD
≈ Periwinkle Blue
Tetradisch +90° +180° +270°
- E29138
Soft Pumpkin
- 51BF7D
≈ Heart Chakra
- 4CAEF7
≈ Adamantine Blue
- DB82CA
≈ Pink Punk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.34:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--soft-pumpkin: #e29138;
--soft-pumpkin-rgb: 226 145 56;
--soft-pumpkin-oklch: oklch(0.725 0.14 64.3);
}
.element {
color: var(--soft-pumpkin);
background-color: hsl(31 75% 55%);
border-color: oklch(0.725 0.14 64.3);
}Tailwind CSS v4
@theme {
--color-soft-pumpkin: #e29138;
--color-soft-pumpkin-50: #ffeecb;
--color-soft-pumpkin-100: #ffdfb7;
--color-soft-pumpkin-200: #fec994;
--color-soft-pumpkin-300: #e8a966;
--color-soft-pumpkin-400: #d78b38;
--color-soft-pumpkin-500: #c46d00;
--color-soft-pumpkin-600: #a65d00;
--color-soft-pumpkin-700: #854a00;
--color-soft-pumpkin-800: #643500;
--color-soft-pumpkin-900: #462400;
--color-soft-pumpkin-950: #2d1200;
}SCSS
$soft-pumpkin: #e29138;
$soft-pumpkin-rgb: 226, 145, 56;
$soft-pumpkin-light: mix(#fff, $soft-pumpkin, 20%);
$soft-pumpkin-dark: mix(#000, $soft-pumpkin, 20%);
.element {
color: $soft-pumpkin;
box-shadow: 0 0 0 2px rgba($soft-pumpkin, 0.35);
}