Colore con nome · #DACAB1
Angora
Angora è #DACAB1: rgb(218 202 177), hsl(37 36% 77%), oklch(0.846 0.038 79.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Angora color name →
#DACAB1
oklch(0.846 0.038 79.1)
Conversioni di colore
- HEX
- #dacab1
- RGB
- rgb(218 202 177)
- HSL
- hsl(37 36% 77%)
- HWB
- hwb(37 69% 15%)
- OKLCH
- oklch(0.846 0.038 79.1)
- OKLab
- oklab(0.846 0.007 0.038)
- CIE Lab
- lab(82.17 2.8 14.66)
- LCH
- lch(82.17 14.92 79.2)
- CMYK
- cmyk(0% 7% 19% 15%)
Tinte · Ombre · Toni
Tinte
- DECFB9
- E1D4C0
- E5DAC8
- E9DFD0
- ECE4D8
- F0EADF
- F4EFE7
- F8F4EF
- FBFAF7
Ombre
- BDAF99
- A29583
- 877C6C
- 6C6457
- 544D42
- 3C372F
- 25221C
- 110F0C
- 020201
Toni
- D1C2AC
- C7BBA7
- BEB3A2
- B5AC9D
- ACA498
- A39D93
- 9A968F
- 918E8A
- 898785
Armonie di colore
Complementare +180°
- DACAB1
Angora
- BECDE6
≈ Maritime
Analogo -30° +30°
- DACAB1
Angora
- E2C6B7
≈ Birthday Suit
- CECFB3
≈ Longbeard Grey
Triadico +120° +240°
Complementare divisa +150° +210°
- DACAB1
Angora
- B4D2E1
≈ Spotted Snake Eel
- CBC9E4
≈ Opus
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.06:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--angora: #dacab1;
--angora-rgb: 218 202 177;
--angora-oklch: oklch(0.846 0.038 79.1);
}
.element {
color: var(--angora);
background-color: hsl(37 36% 77%);
border-color: oklch(0.846 0.038 79.1);
}Tailwind CSS v4
@theme {
--color-angora: #dacab1;
--color-angora-50: #fbf4e9;
--color-angora-100: #eee7da;
--color-angora-200: #ddd3c2;
--color-angora-300: #c2b6a2;
--color-angora-400: #ab9c86;
--color-angora-500: #94846a;
--color-angora-600: #7d6f5a;
--color-angora-700: #645948;
--color-angora-800: #4a4134;
--color-angora-900: #332d23;
--color-angora-950: #1f1a12;
}SCSS
$angora: #dacab1;
$angora-rgb: 218, 202, 177;
$angora-light: mix(#fff, $angora, 20%);
$angora-dark: mix(#000, $angora, 20%);
.element {
color: $angora;
box-shadow: 0 0 0 2px rgba($angora, 0.35);
}