Benannte Farbe · #D7C5AE
Kilim Beige
Kilim Beige ist #D7C5AE: rgb(215 197 174), hsl(34 34% 76%), oklch(0.832 0.037 74). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Kilim Beige color name →
#D7C5AE
oklch(0.832 0.037 74)
Farbumrechnungen
- HEX
- #d7c5ae
- RGB
- rgb(215 197 174)
- HSL
- hsl(34 34% 76%)
- HWB
- hwb(34 68% 16%)
- OKLCH
- oklch(0.832 0.037 74)
- OKLab
- oklab(0.832 0.01 0.036)
- CIE Lab
- lab(80.58 3.81 14)
- LCH
- lch(80.58 14.5 74.8)
- CMYK
- cmyk(0% 8% 19% 16%)
Tints · Shades · Tones
Tints
- DBCBB6
- DFD0BE
- E3D6C6
- E7DCCE
- EBE2D6
- EFE8DE
- F3EDE6
- F7F3EF
- FBF9F7
Shades
- BBAB97
- 9F9280
- 85796A
- 6B6155
- 524B41
- 3B352E
- 25211C
- 110E0B
- 020201
Tones
- CEBEA9
- C5B7A5
- BCB0A0
- B3A99C
- ABA297
- A29B92
- 99948E
- 918D89
- 888785
Farbharmonien
Komplementär +180°
- D7C5AE
Kilim Beige
- B8CAE0
≈ Mystic River
Analog -30° +30°
- D7C5AE
Kilim Beige
- DEC1B5
≈ Monroe Kiss
- CCCAAE
≈ Cilantro Cream
Triadisch +120° +240°
- D7C5AE
Kilim Beige
- ADD0CF
≈ Cassiopeia
- D1C1D9
≈ Girl Crush
Geteilt komplementär +150° +210°
- D7C5AE
Kilim Beige
- AFCEDA
≈ Early September
- C4C5E0
≈ Violet Sweet Pea
Tetradisch +90° +180° +270°
- D7C5AE
Kilim Beige
- B3D0C2
≈ Lester
- B8CAE0
≈ Mystic River
- DBBFCE
≈ Delicate Bloom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.48:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--kilim-beige: #d7c5ae;
--kilim-beige-rgb: 215 197 174;
--kilim-beige-oklch: oklch(0.832 0.037 74);
}
.element {
color: var(--kilim-beige);
background-color: hsl(34 34% 76%);
border-color: oklch(0.832 0.037 74);
}Tailwind CSS v4
@theme {
--color-kilim-beige: #d7c5ae;
--color-kilim-beige-50: #fbf4ea;
--color-kilim-beige-100: #efe6db;
--color-kilim-beige-200: #ded2c3;
--color-kilim-beige-300: #c3b5a3;
--color-kilim-beige-400: #ac9c87;
--color-kilim-beige-500: #95836b;
--color-kilim-beige-600: #7e6f5b;
--color-kilim-beige-700: #655948;
--color-kilim-beige-800: #4b4034;
--color-kilim-beige-900: #342c24;
--color-kilim-beige-950: #1f1913;
}SCSS
$kilim-beige: #d7c5ae;
$kilim-beige-rgb: 215, 197, 174;
$kilim-beige-light: mix(#fff, $kilim-beige, 20%);
$kilim-beige-dark: mix(#000, $kilim-beige, 20%);
.element {
color: $kilim-beige;
box-shadow: 0 0 0 2px rgba($kilim-beige, 0.35);
}