Benannte Farbe · #C09C6A
Welcome Home
Welcome Home ist #C09C6A: rgb(192 156 106), hsl(35 41% 58%), oklch(0.714 0.079 75.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Welcome Home color name →
#C09C6A
oklch(0.714 0.079 75.1)
Farbumrechnungen
- HEX
- #c09c6a
- RGB
- rgb(192 156 106)
- HSL
- hsl(35 41% 58%)
- HWB
- hwb(35 42% 25%)
- OKLCH
- oklch(0.714 0.079 75.1)
- OKLab
- oklab(0.714 0.02 0.076)
- CIE Lab
- lab(66.85 8.98 31.46)
- LCH
- lch(66.85 32.72 74.1)
- CMYK
- cmyk(0% 19% 45% 25%)
Tints · Shades · Tones
Tints
- C6A679
- CDAF88
- D3B997
- D9C3A5
- E0CDB4
- E6D7C3
- ECE1D2
- F2EBE1
- F9F5F0
Shades
- A7875B
- 8E734D
- 765F3F
- 5F4C31
- 493924
- 342818
- 20180D
- 0E0904
- 020100
Tones
- BA996D
- B39770
- AD9472
- A69175
- A08E77
- 998B79
- 93897B
- 8D867D
- 86837E
Farbharmonien
Komplementär +180°
- C09C6A
Welcome Home
- 81A5D4
≈ Boudoir Blue
Analog -30° +30°
- C09C6A
Welcome Home
- CD937A
≈ Money Tree
- AAA66B
≈ Wholemeal Cookie
Triadisch +120° +240°
- C09C6A
Welcome Home
- 62B2B2
≈ Dexter
- B694C5
≈ Sheer Lilac
Geteilt komplementär +150° +210°
- C09C6A
Welcome Home
- 69AEC8
≈ Blue Topaz
- 9D9CD3
≈ Bluebell Frost
Tetradisch +90° +180° +270°
- C09C6A
Welcome Home
- 72B397
≈ Zephyr Green
- 81A5D4
≈ Boudoir Blue
- C78FAE
≈ Bonny Belle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.20:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--welcome-home: #c09c6a;
--welcome-home-rgb: 192 156 106;
--welcome-home-oklch: oklch(0.714 0.079 75.1);
}
.element {
color: var(--welcome-home);
background-color: hsl(35 41% 58%);
border-color: oklch(0.714 0.079 75.1);
}Tailwind CSS v4
@theme {
--color-welcome-home: #c09c6a;
--color-welcome-home-50: #fff3dd;
--color-welcome-home-100: #f7e5cb;
--color-welcome-home-200: #e8d1af;
--color-welcome-home-300: #cfb38a;
--color-welcome-home-400: #ba9869;
--color-welcome-home-500: #a57e47;
--color-welcome-home-600: #8b6b3d;
--color-welcome-home-700: #705630;
--color-welcome-home-800: #533e22;
--color-welcome-home-900: #3a2b16;
--color-welcome-home-950: #241808;
}SCSS
$welcome-home: #c09c6a;
$welcome-home-rgb: 192, 156, 106;
$welcome-home-light: mix(#fff, $welcome-home, 20%);
$welcome-home-dark: mix(#000, $welcome-home, 20%);
.element {
color: $welcome-home;
box-shadow: 0 0 0 2px rgba($welcome-home, 0.35);
}