이름 색상 · #BD1C30
Ruby Shard
Ruby Shard은(는) #BD1C30: rgb(189 28 48), hsl(353 74% 43%), oklch(0.515 0.192 22.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ruby Shard color name →
#BD1C30
oklch(0.515 0.192 22.1)
색상 변환
- HEX
- #bd1c30
- RGB
- rgb(189 28 48)
- HSL
- hsl(353 74% 43%)
- HWB
- hwb(353 11% 26%)
- OKLCH
- oklch(0.515 0.192 22.1)
- OKLab
- oklab(0.515 0.178 0.072)
- CIE Lab
- lab(41.74 61.47 33.8)
- LCH
- lch(41.74 70.15 28.8)
- CMYK
- cmyk(0% 85% 75% 26%)
틴트 · 셰이드 · 톤
틴트
- C73E44
- D05758
- D86D6C
- E08380
- E79895
- EDACA9
- F3C1BE
- F8D6D4
- FCEAE9
셰이드
- A41728
- 8C1221
- 740D1A
- 5D0813
- 47050C
- 330206
- 1F0103
- 0D0001
- 020000
톤
- B93039
- B43E42
- AF494A
- AA5352
- A55C5A
- 9F6462
- 986B69
- 917371
- 897978
색 조화
보색 +180°
- BD1C30
Ruby Shard
- 00767D
≈ Hypnotic Sea
유사색 -30° +30°
- BD1C30
Ruby Shard
- B22073
≈ Botticelli
- A04D00
≈ Burnt Bagel
삼각 배색 +120° +240°
- BD1C30
Ruby Shard
- 097E00
≈ Hulk
- 225DD4
≈ Bnei Brak Bay
분열 보색 +150° +210°
- BD1C30
Ruby Shard
- 007A61
≈ Emerald Dream
- 007199
≈ Tofino Belue
사각 배색 +90° +180° +270°
- BD1C30
Ruby Shard
- 6A6D00
≈ Brownish Green
- 00767D
≈ Hypnotic Sea
- 6E47CA
≈ Purple Rain
대비 및 접근성
Ag
AA흰색 위
WCAG 6.22:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--ruby-shard: #bd1c30;
--ruby-shard-rgb: 189 28 48;
--ruby-shard-oklch: oklch(0.515 0.192 22.1);
}
.element {
color: var(--ruby-shard);
background-color: hsl(353 74% 43%);
border-color: oklch(0.515 0.192 22.1);
}Tailwind CSS v4
@theme {
--color-ruby-shard: #bd1c30;
--color-ruby-shard-50: #ffe0da;
--color-ruby-shard-100: #ffcfc9;
--color-ruby-shard-200: #ffb3ac;
--color-ruby-shard-300: #ff8c86;
--color-ruby-shard-400: #fb6669;
--color-ruby-shard-500: #ea3a48;
--color-ruby-shard-600: #c6333d;
--color-ruby-shard-700: #9f2931;
--color-ruby-shard-800: #771b25;
--color-ruby-shard-900: #541218;
--color-ruby-shard-950: #380309;
}SCSS
$ruby-shard: #bd1c30;
$ruby-shard-rgb: 189, 28, 48;
$ruby-shard-light: mix(#fff, $ruby-shard, 20%);
$ruby-shard-dark: mix(#000, $ruby-shard, 20%);
.element {
color: $ruby-shard;
box-shadow: 0 0 0 2px rgba($ruby-shard, 0.35);
}