Colore con nome più vicino · #D7BCA1
#D7BCA1
Colore con nome più vicino: Cosy Wool
#D7BCA1 (rgb(215 188 161), hsl(30 40% 74%), oklch(0.811 0.048 67.1)) è più vicino al colore con nome Cosy Wool. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D7BCA1
oklch(0.811 0.048 67.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DBC3AA
- DFC9B4
- E3D0BD
- E7D7C6
- EBDDD0
- EFE4D9
- F3EBE2
- F7F1EC
- FBF8F5
Ombre
- BBA38B
- 9F8B76
- 857362
- 6B5D4E
- 52473C
- 3B322A
- 251F19
- 110D09
- 020201
Toni
- CEB69E
- C5B09B
- BCAA97
- B3A494
- AB9E91
- A2988D
- 99928A
- 918C87
- 888683
Armonie di colore
Complementare +180°
- D7BCA1
Cosy Wool
- A9C5DF
≈ Utterly Blue
Analogo -30° +30°
- D7BCA1
Cosy Wool
- DEB7AC
≈ Cavern Pink
- CAC29F
≈ Inviting Gesture
Triadico +120° +240°
- D7BCA1
Cosy Wool
- 9FCCC6
≈ Eggshell Blue
- C9BADA
≈ New Love
Complementare divisa +150° +210°
- D7BCA1
Cosy Wool
- 9FCAD6
≈ Soothing Blue
- B9BFE1
≈ Spoiled Rotten
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.59:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
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);
}