Nazwany kolor · #C0AD96
Antler Velvet
Antler Velvet to #C0AD96: rgb(192 173 150), hsl(33 25% 67%), oklch(0.758 0.039 72.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Antler Velvet color name →
#C0AD96
oklch(0.758 0.039 72.5)
Konwersje koloru
- HEX
- #c0ad96
- RGB
- rgb(192 173 150)
- HSL
- hsl(33 25% 67%)
- HWB
- hwb(33 59% 25%)
- OKLCH
- oklch(0.758 0.039 72.5)
- OKLab
- oklab(0.758 0.012 0.037)
- CIE Lab
- lab(71.92 4.36 14.49)
- LCH
- lch(71.92 15.13 73.3)
- CMYK
- cmyk(0% 10% 22% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6B5A0
- CCBDAA
- D3C5B5
- D9CDBF
- DFD5CA
- E6DED4
- ECE6DF
- F2EEE9
- F9F7F4
Odcienie ciemniejsze
- A79682
- 8E7F6E
- 766A5B
- 5F5549
- 494137
- 342D26
- 201B16
- 0E0B08
- 020101
Tony
- B9A894
- B3A492
- AC9F90
- A69B8D
- A0968B
- 999289
- 938D87
- 8C8985
- 868482
Harmonie kolorów
Komplementarna +180°
- C0AD96
Antler Velvet
- 9FB2C9
≈ Aerial View
Analogowa -30° +30°
- C0AD96
Antler Velvet
- C7A99D
≈ Teatime Mauve
- B5B296
≈ Dill Seed
Triada +120° +240°
- C0AD96
Antler Velvet
- 95B9B7
≈ Teal Tree
- B9AAC2
≈ Velour
Komplementarna rozszczepiona +150° +210°
- C0AD96
Antler Velvet
- 96B6C2
≈ Peaceful Blue
- ACAEC9
≈ Purple Freedom
Tetrada +90° +180° +270°
- C0AD96
Antler Velvet
- 9BB8A9
≈ Chrysanthemum Leaf
- 9FB2C9
≈ Aerial View
- C3A7B7
≈ Pansy Posie
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.17:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.65:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--antler-velvet: #c0ad96;
--antler-velvet-rgb: 192 173 150;
--antler-velvet-oklch: oklch(0.758 0.039 72.5);
}
.element {
color: var(--antler-velvet);
background-color: hsl(33 25% 67%);
border-color: oklch(0.758 0.039 72.5);
}Tailwind CSS v4
@theme {
--color-antler-velvet: #c0ad96;
--color-antler-velvet-50: #fcf4e9;
--color-antler-velvet-100: #f0e6da;
--color-antler-velvet-200: #ded2c3;
--color-antler-velvet-300: #c3b5a2;
--color-antler-velvet-400: #ad9b86;
--color-antler-velvet-500: #96836a;
--color-antler-velvet-600: #7f6f5a;
--color-antler-velvet-700: #665848;
--color-antler-velvet-800: #4b4034;
--color-antler-velvet-900: #342c23;
--color-antler-velvet-950: #201912;
}SCSS
$antler-velvet: #c0ad96;
$antler-velvet-rgb: 192, 173, 150;
$antler-velvet-light: mix(#fff, $antler-velvet, 20%);
$antler-velvet-dark: mix(#000, $antler-velvet, 20%);
.element {
color: $antler-velvet;
box-shadow: 0 0 0 2px rgba($antler-velvet, 0.35);
}