이름 색상 · #914D57
Rialto
Rialto은(는) #914D57: rgb(145 77 87), hsl(351 31% 44%), oklch(0.505 0.092 11.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rialto color name →
#914D57
oklch(0.505 0.092 11.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9D5E66
- A86F76
- B48086
- BF9296
- CAA3A7
- D5B5B8
- E0C7C9
- EADADB
- F5ECED
셰이드
- 7D424B
- 6A373E
- 582C33
- 462227
- 35181C
- 250F12
- 150708
- 070203
- 010000
톤
- 90535B
- 8F585F
- 8E5D63
- 8C6267
- 8B676B
- 896C6F
- 877173
- 857678
- 837B7C
색 조화
보색 +180°
- 914D57
Rialto
- 007471
≈ Reef
유사색 -30° +30°
- 914D57
Rialto
- 884E74
≈ Purple Davenport
- 905139
≈ Sierra Redwood
삼각 배색 +120° +240°
- 914D57
Rialto
- 516F35
≈ Deep Pine
- 3A6797
≈ Too Blue
분열 보색 +150° +210°
- 914D57
Rialto
- 297554
≈ Greasy Greens
- 05708A
≈ Blue Jay Crest
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.17:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.40:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
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);
}