Colore con nome · #DBB9A0
Tracery
Tracery è #DBB9A0: rgb(219 185 160), hsl(25 45% 74%), oklch(0.809 0.052 58.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tracery color name →
#DBB9A0
oklch(0.809 0.052 58.3)
Conversioni di colore
- HEX
- #dbb9a0
- RGB
- rgb(219 185 160)
- HSL
- hsl(25 45% 74%)
- HWB
- hwb(25 63% 14%)
- OKLCH
- oklch(0.809 0.052 58.3)
- OKLab
- oklab(0.809 0.027 0.044)
- CIE Lab
- lab(77.68 9.86 17.51)
- LCH
- lch(77.68 20.1 60.6)
- CMYK
- cmyk(0% 16% 27% 14%)
Tinte · Ombre · Toni
Tinte
- DFC0A9
- E2C7B3
- E6CEBC
- EAD5C6
- EDDCCF
- F1E3D9
- F5EAE2
- F8F1EC
- FCF8F5
Ombre
- BEA08B
- A28976
- 877161
- 6D5B4E
- 54463B
- 3C3129
- 261E19
- 110D09
- 020201
Toni
- D2B39D
- C8AD9A
- BFA897
- B6A293
- AD9C90
- A4978D
- 9B918A
- 928B87
- 898683
Armonie di colore
Complementare +180°
- DBB9A0
Tracery
- A2C6DF
≈ Sea Cliff
Analogo -30° +30°
- DBB9A0
Tracery
- E0B5AE
≈ Princess Pink
- CEBF9B
≈ Tumbling Tumbleweed
Triadico +120° +240°
- DBB9A0
Tracery
- 9DCCC1
≈ Tareyton
- C4BADE
≈ Melrose
Complementare divisa +150° +210°
- DBB9A0
Tracery
- 9ACBD2
≈ Gentle Aquamarine
- B2C0E3
≈ Spoiled Rotten
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.45:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--tracery: #dbb9a0;
--tracery-rgb: 219 185 160;
--tracery-oklch: oklch(0.809 0.052 58.3);
}
.element {
color: var(--tracery);
background-color: hsl(25 45% 74%);
border-color: oklch(0.809 0.052 58.3);
}Tailwind CSS v4
@theme {
--color-tracery: #dbb9a0;
--color-tracery-50: #fff2e7;
--color-tracery-100: #f6e4d7;
--color-tracery-200: #e6d0bf;
--color-tracery-300: #ccb29d;
--color-tracery-400: #b79780;
--color-tracery-500: #a17e64;
--color-tracery-600: #886b55;
--color-tracery-700: #6d5544;
--color-tracery-800: #513e31;
--color-tracery-900: #382b21;
--color-tracery-950: #231811;
}SCSS
$tracery: #dbb9a0;
$tracery-rgb: 219, 185, 160;
$tracery-light: mix(#fff, $tracery, 20%);
$tracery-dark: mix(#000, $tracery, 20%);
.element {
color: $tracery;
box-shadow: 0 0 0 2px rgba($tracery, 0.35);
}