Adlandırılmış renk · #914D57
Rialto
Rialto, #914D57: rgb(145 77 87), hsl(351 31% 44%), oklch(0.505 0.092 11.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rialto color name →
#914D57
oklch(0.505 0.092 11.5)
Renk dönüşümleri
- HEX
- #914d57
- RGB
- rgb(145 77 87)
- HSL
- hsl(351 31% 44%)
- HWB
- hwb(351 30% 43%)
- OKLCH
- oklch(0.505 0.092 11.5)
- OKLab
- oklab(0.505 0.09 0.018)
- CIE Lab
- lab(41.53 30 7.61)
- LCH
- lch(41.53 30.95 14.2)
- CMYK
- cmyk(0% 47% 40% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D5E66
- A86F76
- B48086
- BF9296
- CAA3A7
- D5B5B8
- E0C7C9
- EADADB
- F5ECED
Koyu tonlar
- 7D424B
- 6A373E
- 582C33
- 462227
- 35181C
- 250F12
- 150708
- 070203
- 010000
Gri tonlar
- 90535B
- 8F585F
- 8E5D63
- 8C6267
- 8B676B
- 896C6F
- 877173
- 857678
- 837B7C
Renk uyumları
Tamamlayıcı +180°
- 914D57
Rialto
- 007471
≈ Reef
Analog -30° +30°
- 914D57
Rialto
- 884E74
≈ Purple Davenport
- 905139
≈ Sierra Redwood
Üçlü +120° +240°
- 914D57
Rialto
- 516F35
≈ Deep Pine
- 3A6797
≈ Too Blue
Bölünmüş tamamlayıcı +150° +210°
- 914D57
Rialto
- 297554
≈ Greasy Greens
- 05708A
≈ Blue Jay Crest
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.17:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.40:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--rialto: #914d57;
--rialto-rgb: 145 77 87;
--rialto-oklch: oklch(0.505 0.092 11.5);
}
.element {
color: var(--rialto);
background-color: hsl(351 31% 44%);
border-color: oklch(0.505 0.092 11.5);
}Tailwind CSS v4
@theme {
--color-rialto: #914d57;
--color-rialto-50: #ffebed;
--color-rialto-100: #ffdcdf;
--color-rialto-200: #f9c5c9;
--color-rialto-300: #e2a5aa;
--color-rialto-400: #ce8890;
--color-rialto-500: #ba6b76;
--color-rialto-600: #9d5b64;
--color-rialto-700: #7e4950;
--color-rialto-800: #5e343b;
--color-rialto-900: #422429;
--color-rialto-950: #2a1217;
}SCSS
$rialto: #914d57;
$rialto-rgb: 145, 77, 87;
$rialto-light: mix(#fff, $rialto, 20%);
$rialto-dark: mix(#000, $rialto, 20%);
.element {
color: $rialto;
box-shadow: 0 0 0 2px rgba($rialto, 0.35);
}