Benannte Farbe · #D78B55
Amber Wave
Amber Wave ist #D78B55: rgb(215 139 85), hsl(25 62% 59%), oklch(0.704 0.116 55). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Amber Wave color name →
#D78B55
oklch(0.704 0.116 55)
Farbumrechnungen
- HEX
- #d78b55
- RGB
- rgb(215 139 85)
- HSL
- hsl(25 62% 59%)
- HWB
- hwb(25 33% 16%)
- OKLCH
- oklch(0.704 0.116 55)
- OKLab
- oklab(0.704 0.067 0.095)
- CIE Lab
- lab(65.1 26.01 41.06)
- LCH
- lch(65.1 48.6 57.6)
- CMYK
- cmyk(0% 35% 60% 16%)
Tints · Shades · Tones
Tints
- DC9767
- E0A278
- E5AE89
- E9BA9A
- EDC5AB
- F1D1BB
- F5DCCC
- F9E8DD
- FCF3EE
Shades
- BB7849
- 9F663D
- 855431
- 6B4326
- 52321C
- 3B2311
- 251408
- 110702
- 020100
Tones
- CE8A5B
- C68A60
- BD8965
- B5886A
- AC876E
- A48672
- 9B8476
- 928379
- 89827D
Farbharmonien
Komplementär +180°
- D78B55
Amber Wave
- 4BABDD
≈ Thalassophile
Analog -30° +30°
- D78B55
Amber Wave
- DF827B
≈ Sea Pink
- C19940
≈ Suzani Gold
Triadisch +120° +240°
- D78B55
Amber Wave
- 39B79B
≈ Green Blue
- A590E0
≈ Middy’s Purple
Geteilt komplementär +150° +210°
- D78B55
Amber Wave
- 1AB4C2
≈ Lago Blue
- 7C9EE8
≈ Portage
Tetradisch +90° +180° +270°
- D78B55
Amber Wave
- 6FB371
≈ Appleton
- 4BABDD
≈ Thalassophile
- C486C7
≈ Lavender Sweater
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.71:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.71:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--amber-wave: #d78b55;
--amber-wave-rgb: 215 139 85;
--amber-wave-oklch: oklch(0.704 0.116 55);
}
.element {
color: var(--amber-wave);
background-color: hsl(25 62% 59%);
border-color: oklch(0.704 0.116 55);
}Tailwind CSS v4
@theme {
--color-amber-wave: #d78b55;
--color-amber-wave-50: #ffeed6;
--color-amber-wave-100: #ffdfc3;
--color-amber-wave-200: #fbc8a4;
--color-amber-wave-300: #e5a87c;
--color-amber-wave-400: #d38b58;
--color-amber-wave-500: #c06f30;
--color-amber-wave-600: #a25e2a;
--color-amber-wave-700: #824b21;
--color-amber-wave-800: #613618;
--color-amber-wave-900: #44250f;
--color-amber-wave-950: #2c1303;
}SCSS
$amber-wave: #d78b55;
$amber-wave-rgb: 215, 139, 85;
$amber-wave-light: mix(#fff, $amber-wave, 20%);
$amber-wave-dark: mix(#000, $amber-wave, 20%);
.element {
color: $amber-wave;
box-shadow: 0 0 0 2px rgba($amber-wave, 0.35);
}