Nazwany kolor · #DBB9A0
Tracery
Tracery to #DBB9A0: rgb(219 185 160), hsl(25 45% 74%), oklch(0.809 0.052 58.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tracery color name →
#DBB9A0
oklch(0.809 0.052 58.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFC0A9
- E2C7B3
- E6CEBC
- EAD5C6
- EDDCCF
- F1E3D9
- F5EAE2
- F8F1EC
- FCF8F5
Odcienie ciemniejsze
- BEA08B
- A28976
- 877161
- 6D5B4E
- 54463B
- 3C3129
- 261E19
- 110D09
- 020201
Tony
- D2B39D
- C8AD9A
- BFA897
- B6A293
- AD9C90
- A4978D
- 9B918A
- 928B87
- 898683
Harmonie kolorów
Komplementarna +180°
- DBB9A0
Tracery
- A2C6DF
≈ Sea Cliff
Analogowa -30° +30°
- DBB9A0
Tracery
- E0B5AE
≈ Princess Pink
- CEBF9B
≈ Tumbling Tumbleweed
Triada +120° +240°
- DBB9A0
Tracery
- 9DCCC1
≈ Tareyton
- C4BADE
≈ Melrose
Komplementarna rozszczepiona +150° +210°
- DBB9A0
Tracery
- 9ACBD2
≈ Gentle Aquamarine
- B2C0E3
≈ Spoiled Rotten
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.45:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}