Nazwany kolor · #C5ADB4
Velvet Ears
Velvet Ears to #C5ADB4: rgb(197 173 180), hsl(343 17% 73%), oklch(0.77 0.029 358.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Velvet Ears color name →
#C5ADB4
oklch(0.77 0.029 358.3)
Konwersje koloru
- HEX
- #c5adb4
- RGB
- rgb(197 173 180)
- HSL
- hsl(343 17% 73%)
- HWB
- hwb(343 68% 23%)
- OKLCH
- oklch(0.77 0.029 358.3)
- OKLab
- oklab(0.77 0.029 -0.001)
- CIE Lab
- lab(72.99 9.84 -0.24)
- LCH
- lch(72.99 9.84 358.6)
- CMYK
- cmyk(0% 12% 9% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBB5BB
- D1BDC3
- D6C5CA
- DCCDD1
- E2D5D9
- E8DEE0
- EEE6E8
- F3EEF0
- F9F7F7
Odcienie ciemniejsze
- AB969C
- 927F85
- 796A6E
- 615558
- 4B4144
- 352D30
- 211B1D
- 0E0B0C
- 020102
Tony
- BEA8AF
- B7A4A9
- B09FA4
- A99B9F
- A2969A
- 9B9294
- 948D8F
- 8D898A
- 878485
Harmonie kolorów
Komplementarna +180°
- C5ADB4
Velvet Ears
- A1BBB4
≈ Garden Twilight
Analogowa -30° +30°
- C5ADB4
Velvet Ears
- BFAEBE
≈ Almost Plum
- C6AEAA
≈ Wispy Mauve
Triada +120° +240°
- C5ADB4
Velvet Ears
- B2B7A3
≈ Fennel Stem
- A4B8C5
≈ Hazy Daze
Komplementarna rozszczepiona +150° +210°
- C5ADB4
Velvet Ears
- A8BAAA
≈ Rockfall
- A0BABE
≈ Hopeful Blue
Tetrada +90° +180° +270°
- C5ADB4
Velvet Ears
- BCB4A0
≈ Polished Stone
- A1BBB4
≈ Garden Twilight
- ACB4C8
≈ Perseverance
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.01:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--velvet-ears: #c5adb4;
--velvet-ears-rgb: 197 173 180;
--velvet-ears-oklch: oklch(0.77 0.029 358.3);
}
.element {
color: var(--velvet-ears);
background-color: hsl(343 17% 73%);
border-color: oklch(0.77 0.029 358.3);
}Tailwind CSS v4
@theme {
--color-velvet-ears: #c5adb4;
--color-velvet-ears-50: #fdf2f5;
--color-velvet-ears-100: #f1e4e7;
--color-velvet-ears-200: #e0cfd3;
--color-velvet-ears-300: #c5b1b7;
--color-velvet-ears-400: #ae989e;
--color-velvet-ears-500: #977e86;
--color-velvet-ears-600: #806b71;
--color-velvet-ears-700: #66565b;
--color-velvet-ears-800: #4b3e43;
--color-velvet-ears-900: #342b2e;
--color-velvet-ears-950: #20181b;
}SCSS
$velvet-ears: #c5adb4;
$velvet-ears-rgb: 197, 173, 180;
$velvet-ears-light: mix(#fff, $velvet-ears, 20%);
$velvet-ears-dark: mix(#000, $velvet-ears, 20%);
.element {
color: $velvet-ears;
box-shadow: 0 0 0 2px rgba($velvet-ears, 0.35);
}