이름 색상 · #9B101F
Estroruby
Estroruby은(는) #9B101F: rgb(155 16 31), hsl(354 81% 34%), oklch(0.441 0.169 23.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Estroruby color name →
#9B101F
oklch(0.441 0.169 23.8)
색상 변환
- HEX
- #9b101f
- RGB
- rgb(155 16 31)
- HSL
- hsl(354 81% 34%)
- HWB
- hwb(354 6% 39%)
- OKLCH
- oklch(0.441 0.169 23.8)
- OKLab
- oklab(0.441 0.155 0.068)
- CIE Lab
- lab(33.45 53.88 32.85)
- LCH
- lch(33.45 63.1 31.4)
- CMYK
- cmyk(0% 90% 80% 39%)
틴트 · 셰이드 · 톤
틴트
- A83335
- B44D4A
- C06460
- CB7A75
- D5908B
- DFA6A1
- E8BCB8
- F0D2CF
- F8E8E7
셰이드
- 860C19
- 720914
- 5E060F
- 4B040A
- 390206
- 280103
- 180001
- 090000
- 010000
톤
- 9A262A
- 993434
- 98403E
- 964B48
- 945551
- 915E5B
- 8E6764
- 8A6F6D
- 857877
색 조화
보색 +180°
- 9B101F
Estroruby
- 005F66
≈ Beau Vert
유사색 -30° +30°
- 9B101F
Estroruby
- 931359
≈ Strong Cerise
- 803E00
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 9B101F
Estroruby
- 00660F
≈ Nature’s Masterpiece
- 1F49AE
≈ The Blues Brothers
분열 보색 +150° +210°
- 9B101F
Estroruby
- 00624F
≈ Sci-Fi Takeout
- 005A7E
≈ Commandes
사각 배색 +90° +180° +270°
- 9B101F
Estroruby
- 535800
≈ Douro
- 005F66
≈ Beau Vert
- 5B36A5
≈ Royalty
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.44:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.48:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.44:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--estroruby: #9b101f;
--estroruby-rgb: 155 16 31;
--estroruby-oklch: oklch(0.441 0.169 23.8);
}
.element {
color: var(--estroruby);
background-color: hsl(354 81% 34%);
border-color: oklch(0.441 0.169 23.8);
}Tailwind CSS v4
@theme {
--color-estroruby: #9b101f;
--color-estroruby-50: #ffe3dc;
--color-estroruby-100: #ffd3cb;
--color-estroruby-200: #ffb8af;
--color-estroruby-300: #ff938a;
--color-estroruby-400: #f2706c;
--color-estroruby-500: #e04a4c;
--color-estroruby-600: #bd4041;
--color-estroruby-700: #983334;
--color-estroruby-800: #722427;
--color-estroruby-900: #50181a;
--color-estroruby-950: #35070a;
}SCSS
$estroruby: #9b101f;
$estroruby-rgb: 155, 16, 31;
$estroruby-light: mix(#fff, $estroruby, 20%);
$estroruby-dark: mix(#000, $estroruby, 20%);
.element {
color: $estroruby;
box-shadow: 0 0 0 2px rgba($estroruby, 0.35);
}