Nazwany kolor · #B5998E
Del Rio
Del Rio to #B5998E: rgb(181 153 142), hsl(17 21% 63%), oklch(0.705 0.037 42.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Del Rio color name →
#B5998E
oklch(0.705 0.037 42.6)
Konwersje koloru
- HEX
- #b5998e
- RGB
- rgb(181 153 142)
- HSL
- hsl(17 21% 63%)
- HWB
- hwb(17 56% 29%)
- OKLCH
- oklch(0.705 0.037 42.6)
- OKLab
- oklab(0.705 0.027 0.025)
- CIE Lab
- lab(65.56 9.44 9.87)
- LCH
- lch(65.56 13.66 46.3)
- CMYK
- cmyk(0% 15% 22% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCA399
- C4ADA4
- CBB7AF
- D2C1BA
- DACBC5
- E1D5D1
- E9E0DC
- F0EAE8
- F8F4F3
Odcienie ciemniejsze
- 9D847B
- 867068
- 6F5D56
- 594A44
- 443834
- 302724
- 1D1715
- 0C0807
- 020101
Tony
- B0978D
- AA948B
- A5928A
- A08F88
- 9A8D87
- 958A86
- 908884
- 8B8583
- 858381
Harmonie kolorów
Komplementarna +180°
- B5998E
Del Rio
- 88A6B1
≈ Blue Nuthatch
Analogowa -30° +30°
- B5998E
Del Rio
- B69799
≈ Hazy Rose
- AF9D87
≈ Riverbank
Triada +120° +240°
- B5998E
Del Rio
- 8CA899
≈ Peaslake
- 9C9EB7
≈ Purple Balance
Komplementarna rozszczepiona +150° +210°
- B5998E
Del Rio
- 86A8A6
≈ Harbour Mist
- 90A2B7
≈ Sell Out
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.91:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--del-rio: #b5998e;
--del-rio-rgb: 181 153 142;
--del-rio-oklch: oklch(0.705 0.037 42.6);
}
.element {
color: var(--del-rio);
background-color: hsl(17 21% 63%);
border-color: oklch(0.705 0.037 42.6);
}Tailwind CSS v4
@theme {
--color-del-rio: #b5998e;
--color-del-rio-50: #fff2ed;
--color-del-rio-100: #f3e4de;
--color-del-rio-200: #e3d0c8;
--color-del-rio-300: #c9b2a8;
--color-del-rio-400: #b2988d;
--color-del-rio-500: #9c7f73;
--color-del-rio-600: #846b61;
--color-del-rio-700: #6a564e;
--color-del-rio-800: #4e3e39;
--color-del-rio-900: #362b27;
--color-del-rio-950: #211815;
}SCSS
$del-rio: #b5998e;
$del-rio-rgb: 181, 153, 142;
$del-rio-light: mix(#fff, $del-rio, 20%);
$del-rio-dark: mix(#000, $del-rio, 20%);
.element {
color: $del-rio;
box-shadow: 0 0 0 2px rgba($del-rio, 0.35);
}