이름 색상 · #9C2542
Big Dip O’ruby
Big Dip O’ruby은(는) #9C2542: rgb(156 37 66), hsl(345 62% 38%), oklch(0.464 0.155 11.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Big Dip O’ruby color name →
#9C2542
oklch(0.464 0.155 11.8)
색상 변환
- HEX
- #9c2542
- RGB
- rgb(156 37 66)
- HSL
- hsl(345 62% 38%)
- HWB
- hwb(345 15% 39%)
- OKLCH
- oklch(0.464 0.155 11.8)
- OKLab
- oklab(0.464 0.151 0.032)
- CIE Lab
- lab(36.09 50.18 13.77)
- LCH
- lch(36.09 52.03 15.4)
- CMYK
- cmyk(0% 76% 58% 39%)
틴트 · 셰이드 · 톤
틴트
- A83F53
- B45564
- BF6B76
- CA8089
- D4949C
- DEA9AF
- E7BFC2
- EFD4D6
- F7E9EA
셰이드
- 871F38
- 73192F
- 5F1325
- 4C0D1C
- 390814
- 28040B
- 180205
- 090001
- 010000
톤
- 9B3248
- 9A3E4E
- 984754
- 96515A
- 935961
- 916167
- 8D696D
- 897173
- 85797A
색 조화
보색 +180°
- 9C2542
Big Dip O’ruby
- 006764
≈ Peacock Pride
유사색 -30° +30°
- 9C2542
Big Dip O’ruby
- 8F2B71
≈ Beetiful Magenta
- 963500
≈ Chocoholic
삼각 배색 +120° +240°
- 9C2542
Big Dip O’ruby
- 3D6700
≈ Tatzelwurm Green
- 005AA3
≈ Princess Blue
분열 보색 +150° +210°
- 9C2542
Big Dip O’ruby
- 006A47
≈ Vegan Green
- 00637B
≈ Jamaican Dream
사각 배색 +90° +180° +270°
- 9C2542
Big Dip O’ruby
- 655A00
≈ Brussels Sprout Green
- 006764
≈ Peacock Pride
- 4F48AC
≈ Swiss Plum
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.61:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.75:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--big-dip-o-ruby: #9c2542;
--big-dip-o-ruby-rgb: 156 37 66;
--big-dip-o-ruby-oklch: oklch(0.464 0.155 11.8);
}
.element {
color: var(--big-dip-o-ruby);
background-color: hsl(345 62% 38%);
border-color: oklch(0.464 0.155 11.8);
}Tailwind CSS v4
@theme {
--color-big-dip-o-ruby: #9c2542;
--color-big-dip-o-ruby-50: #ffe4e8;
--color-big-dip-o-ruby-100: #ffd3d8;
--color-big-dip-o-ruby-200: #ffb9c0;
--color-big-dip-o-ruby-300: #fc95a0;
--color-big-dip-o-ruby-400: #ea7486;
--color-big-dip-o-ruby-500: #d8516b;
--color-big-dip-o-ruby-600: #b6455b;
--color-big-dip-o-ruby-700: #933748;
--color-big-dip-o-ruby-800: #6d2736;
--color-big-dip-o-ruby-900: #4d1a25;
--color-big-dip-o-ruby-950: #320a14;
}SCSS
$big-dip-o-ruby: #9c2542;
$big-dip-o-ruby-rgb: 156, 37, 66;
$big-dip-o-ruby-light: mix(#fff, $big-dip-o-ruby, 20%);
$big-dip-o-ruby-dark: mix(#000, $big-dip-o-ruby, 20%);
.element {
color: $big-dip-o-ruby;
box-shadow: 0 0 0 2px rgba($big-dip-o-ruby, 0.35);
}