Nazwany kolor · #9B101F
Estroruby
Estroruby to #9B101F: rgb(155 16 31), hsl(354 81% 34%), oklch(0.441 0.169 23.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Estroruby color name →
#9B101F
oklch(0.441 0.169 23.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A83335
- B44D4A
- C06460
- CB7A75
- D5908B
- DFA6A1
- E8BCB8
- F0D2CF
- F8E8E7
Odcienie ciemniejsze
- 860C19
- 720914
- 5E060F
- 4B040A
- 390206
- 280103
- 180001
- 090000
- 010000
Tony
- 9A262A
- 993434
- 98403E
- 964B48
- 945551
- 915E5B
- 8E6764
- 8A6F6D
- 857877
Harmonie kolorów
Komplementarna +180°
- 9B101F
Estroruby
- 005F66
≈ Beau Vert
Analogowa -30° +30°
- 9B101F
Estroruby
- 931359
≈ Strong Cerise
- 803E00
≈ Hazelnut Chocolate
Triada +120° +240°
- 9B101F
Estroruby
- 00660F
≈ Nature’s Masterpiece
- 1F49AE
≈ The Blues Brothers
Komplementarna rozszczepiona +150° +210°
- 9B101F
Estroruby
- 00624F
≈ Sci-Fi Takeout
- 005A7E
≈ Commandes
Tetrada +90° +180° +270°
- 9B101F
Estroruby
- 535800
≈ Douro
- 005F66
≈ Beau Vert
- 5B36A5
≈ Royalty
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.44:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.48:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.44:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}