Benannte Farbe · #C69C6A
Amber Autumn
Amber Autumn ist #C69C6A: rgb(198 156 106), hsl(33 45% 60%), oklch(0.72 0.083 70.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Amber Autumn color name →
#C69C6A
oklch(0.72 0.083 70.8)
Farbumrechnungen
- HEX
- #c69c6a
- RGB
- rgb(198 156 106)
- HSL
- hsl(33 45% 60%)
- HWB
- hwb(33 42% 22%)
- OKLCH
- oklch(0.72 0.083 70.8)
- OKLab
- oklab(0.72 0.027 0.078)
- CIE Lab
- lab(67.48 11.48 32.41)
- LCH
- lch(67.48 34.38 70.5)
- CMYK
- cmyk(0% 21% 46% 22%)
Tints · Shades · Tones
Tints
- CCA679
- D2B088
- D7B997
- DDC3A5
- E3CDB4
- E9D7C3
- EEE1D2
- F4EBE1
- F9F5F0
Shades
- AC875B
- 92734D
- 7A5F3F
- 624C31
- 4B3924
- 352818
- 21180D
- 0E0904
- 020100
Tones
- BF996D
- B89770
- B19472
- AA9175
- A38E77
- 9C8C79
- 95897B
- 8E867D
- 87837E
Farbharmonien
Komplementär +180°
- C69C6A
Amber Autumn
- 7DA9D7
≈ High Seas
Analog -30° +30°
- C69C6A
Amber Autumn
- D2937D
≈ Tint of Earth
- B0A668
≈ Natchez Moss
Triadisch +120° +240°
- C69C6A
Amber Autumn
- 61B6B1
≈ Veranda Blue
- B596CC
≈ Cut Velvet
Geteilt komplementär +150° +210°
- C69C6A
Amber Autumn
- 65B1C9
≈ Delicate Girl Blue
- 9B9FD8
≈ Dalmatian Sage
Tetradisch +90° +180° +270°
- C69C6A
Amber Autumn
- 74B594
≈ Water Fern
- 7DA9D7
≈ High Seas
- C990B4
≈ Bossy-Pants Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.36:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--amber-autumn: #c69c6a;
--amber-autumn-rgb: 198 156 106;
--amber-autumn-oklch: oklch(0.72 0.083 70.8);
}
.element {
color: var(--amber-autumn);
background-color: hsl(33 45% 60%);
border-color: oklch(0.72 0.083 70.8);
}Tailwind CSS v4
@theme {
--color-amber-autumn: #c69c6a;
--color-amber-autumn-50: #fff2dc;
--color-amber-autumn-100: #fae4ca;
--color-amber-autumn-200: #ebcfae;
--color-amber-autumn-300: #d2b189;
--color-amber-autumn-400: #be9667;
--color-amber-autumn-500: #a97c45;
--color-amber-autumn-600: #8f693b;
--color-amber-autumn-700: #72542f;
--color-amber-autumn-800: #553d21;
--color-amber-autumn-900: #3b2a16;
--color-amber-autumn-950: #251707;
}SCSS
$amber-autumn: #c69c6a;
$amber-autumn-rgb: 198, 156, 106;
$amber-autumn-light: mix(#fff, $amber-autumn, 20%);
$amber-autumn-dark: mix(#000, $amber-autumn, 20%);
.element {
color: $amber-autumn;
box-shadow: 0 0 0 2px rgba($amber-autumn, 0.35);
}