Benannte Farbe · #E4C385
New Orleans
New Orleans ist #E4C385: rgb(228 195 133), hsl(39 64% 71%), oklch(0.832 0.088 82.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · New Orleans color name →
#E4C385
oklch(0.832 0.088 82.7)
Farbumrechnungen
- HEX
- #e4c385
- RGB
- rgb(228 195 133)
- HSL
- hsl(39 64% 71%)
- HWB
- hwb(39 52% 11%)
- OKLCH
- oklch(0.832 0.088 82.7)
- OKLab
- oklab(0.832 0.011 0.087)
- CIE Lab
- lab(80.63 6.05 35.72)
- LCH
- lch(80.63 36.22 80.4)
- CMYK
- cmyk(0% 14% 42% 11%)
Tints · Shades · Tones
Tints
- E7C992
- EACF9E
- ECD5AA
- EFDBB7
- F2E1C3
- F4E7CF
- F7EDDB
- FAF3E7
- FCF9F3
Shades
- C6A973
- A99061
- 8D7850
- 726040
- 584A30
- 3F3421
- 282013
- 120E06
- 030201
Tones
- DABC85
- CFB585
- C5AF85
- BBA885
- B1A184
- A79B84
- 9D9483
- 938D82
- 8A8781
Farbharmonien
Komplementär +180°
- E4C385
New Orleans
- ABC8FF
≈ Night Snow
Analog -30° +30°
- E4C385
New Orleans
- F6B892
≈ Red Perfume
- C8CE8B
≈ Dancing Green
Triadisch +120° +240°
- E4C385
New Orleans
- 7ED9E1
≈ Deep Aquamarine
- E4B5EA
≈ Pink Drink
Geteilt komplementär +150° +210°
- E4C385
New Orleans
- 8CD2F8
≈ Kul Sharif Blue
- C9BEFD
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- E4C385
New Orleans
- 89DBC2
≈ Pearl Aqua
- ABC8FF
≈ Night Snow
- F6B0CD
≈ Changeling Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.44:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--new-orleans: #e4c385;
--new-orleans-rgb: 228 195 133;
--new-orleans-oklch: oklch(0.832 0.088 82.7);
}
.element {
color: var(--new-orleans);
background-color: hsl(39 64% 71%);
border-color: oklch(0.832 0.088 82.7);
}Tailwind CSS v4
@theme {
--color-new-orleans: #e4c385;
--color-new-orleans-50: #fff4d9;
--color-new-orleans-100: #f6e6c7;
--color-new-orleans-200: #e6d2aa;
--color-new-orleans-300: #ccb484;
--color-new-orleans-400: #b89a60;
--color-new-orleans-500: #a3803b;
--color-new-orleans-600: #896d34;
--color-new-orleans-700: #6e5729;
--color-new-orleans-800: #523f1c;
--color-new-orleans-900: #392b12;
--color-new-orleans-950: #231905;
}SCSS
$new-orleans: #e4c385;
$new-orleans-rgb: 228, 195, 133;
$new-orleans-light: mix(#fff, $new-orleans, 20%);
$new-orleans-dark: mix(#000, $new-orleans, 20%);
.element {
color: $new-orleans;
box-shadow: 0 0 0 2px rgba($new-orleans, 0.35);
}