Nazwany kolor · #CCAC86
DaVanzo Beige
DaVanzo Beige to #CCAC86: rgb(204 172 134), hsl(33 41% 66%), oklch(0.763 0.063 71.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · DaVanzo Beige color name →
#CCAC86
oklch(0.763 0.063 71.4)
Konwersje koloru
- HEX
- #ccac86
- RGB
- rgb(204 172 134)
- HSL
- hsl(33 41% 66%)
- HWB
- hwb(33 53% 20%)
- OKLCH
- oklch(0.763 0.063 71.4)
- OKLab
- oklab(0.763 0.02 0.06)
- CIE Lab
- lab(72.53 8.03 24.17)
- LCH
- lch(72.53 25.47 71.6)
- CMYK
- cmyk(0% 16% 34% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1B492
- D6BC9E
- DBC5AA
- E1CDB6
- E6D5C2
- EBDDCE
- F0E6DA
- F5EEE6
- FAF7F3
Odcienie ciemniejsze
- B19574
- 977F62
- 7E6951
- 655440
- 4E4030
- 372D21
- 221B13
- 0F0B06
- 020101
Tony
- C4A886
- BCA385
- B59F85
- AD9A84
- A69684
- 9E9283
- 968D83
- 8F8982
- 878481
Harmonie kolorów
Komplementarna +180°
- CCAC86
DaVanzo Beige
- 95B5DA
≈ Echo Isles Water
Analogowa -30° +30°
- CCAC86
DaVanzo Beige
- D6A593
≈ Rosettee
- BAB485
≈ Ryegrass
Triada +120° +240°
- CCAC86
DaVanzo Beige
- 82BFBC
≈ Riverbed
- BFA7D0
≈ Feminine Fancy
Komplementarna rozszczepiona +150° +210°
- CCAC86
DaVanzo Beige
- 85BCCF
≈ Juvie
- ABAEDA
≈ High Style
Tetrada +90° +180° +270°
- CCAC86
DaVanzo Beige
- 8EBFA5
≈ Spearmint Frosting
- 95B5DA
≈ Echo Isles Water
- CFA3BE
≈ Enhance
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.81:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--davanzo-beige: #ccac86;
--davanzo-beige-rgb: 204 172 134;
--davanzo-beige-oklch: oklch(0.763 0.063 71.4);
}
.element {
color: var(--davanzo-beige);
background-color: hsl(33 41% 66%);
border-color: oklch(0.763 0.063 71.4);
}Tailwind CSS v4
@theme {
--color-davanzo-beige: #ccac86;
--color-davanzo-beige-50: #fff3e2;
--color-davanzo-beige-100: #f5e5d1;
--color-davanzo-beige-200: #e5d1b7;
--color-davanzo-beige-300: #ccb394;
--color-davanzo-beige-400: #b69975;
--color-davanzo-beige-500: #a17f57;
--color-davanzo-beige-600: #886c4a;
--color-davanzo-beige-700: #6d563b;
--color-davanzo-beige-800: #513f2a;
--color-davanzo-beige-900: #382b1c;
--color-davanzo-beige-950: #23180c;
}SCSS
$davanzo-beige: #ccac86;
$davanzo-beige-rgb: 204, 172, 134;
$davanzo-beige-light: mix(#fff, $davanzo-beige, 20%);
$davanzo-beige-dark: mix(#000, $davanzo-beige, 20%);
.element {
color: $davanzo-beige;
box-shadow: 0 0 0 2px rgba($davanzo-beige, 0.35);
}