Nächste benannte Farbe · #D7BCA1
#D7BCA1
Nächste benannte Farbe: Cosy Wool
#D7BCA1 (rgb(215 188 161), hsl(30 40% 74%), oklch(0.811 0.048 67.1)) liegt am nächsten an der benannten Farbe Cosy Wool. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D7BCA1
oklch(0.811 0.048 67.1)
Farbumrechnungen
- HEX
- #d7bca1
- RGB
- rgb(215 188 161)
- HSL
- hsl(30 40% 74%)
- HWB
- hwb(30 63% 16%)
- OKLCH
- oklch(0.811 0.048 67.1)
- OKLab
- oklab(0.811 0.019 0.044)
- CIE Lab
- lab(78.07 6.91 17.44)
- LCH
- lch(78.07 18.76 68.4)
- CMYK
- cmyk(0% 13% 25% 16%)
Tints · Shades · Tones
Tints
- DBC3AA
- DFC9B4
- E3D0BD
- E7D7C6
- EBDDD0
- EFE4D9
- F3EBE2
- F7F1EC
- FBF8F5
Shades
- BBA38B
- 9F8B76
- 857362
- 6B5D4E
- 52473C
- 3B322A
- 251F19
- 110D09
- 020201
Tones
- CEB69E
- C5B09B
- BCAA97
- B3A494
- AB9E91
- A2988D
- 99928A
- 918C87
- 888683
Farbharmonien
Komplementär +180°
- D7BCA1
Cosy Wool
- A9C5DF
≈ Utterly Blue
Analog -30° +30°
- D7BCA1
Cosy Wool
- DEB7AC
≈ Cavern Pink
- CAC29F
≈ Inviting Gesture
Triadisch +120° +240°
- D7BCA1
Cosy Wool
- 9FCCC6
≈ Eggshell Blue
- C9BADA
≈ New Love
Geteilt komplementär +150° +210°
- D7BCA1
Cosy Wool
- 9FCAD6
≈ Soothing Blue
- B9BFE1
≈ Spoiled Rotten
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.59:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--cosy-wool: #d7bca1;
--cosy-wool-rgb: 215 188 161;
--cosy-wool-oklch: oklch(0.811 0.048 67.1);
}
.element {
color: var(--cosy-wool);
background-color: hsl(30 40% 74%);
border-color: oklch(0.811 0.048 67.1);
}Tailwind CSS v4
@theme {
--color-cosy-wool: #d7bca1;
--color-cosy-wool-50: #fff3e7;
--color-cosy-wool-100: #f3e5d7;
--color-cosy-wool-200: #e2d1bf;
--color-cosy-wool-300: #c8b49e;
--color-cosy-wool-400: #b29981;
--color-cosy-wool-500: #9c8064;
--color-cosy-wool-600: #846d55;
--color-cosy-wool-700: #6a5744;
--color-cosy-wool-800: #4e3f31;
--color-cosy-wool-900: #362b21;
--color-cosy-wool-950: #211911;
}SCSS
$cosy-wool: #d7bca1;
$cosy-wool-rgb: 215, 188, 161;
$cosy-wool-light: mix(#fff, $cosy-wool, 20%);
$cosy-wool-dark: mix(#000, $cosy-wool, 20%);
.element {
color: $cosy-wool;
box-shadow: 0 0 0 2px rgba($cosy-wool, 0.35);
}