Colore con nome · #8C474B
Rhubarb Smoothie
Rhubarb Smoothie è #8C474B: rgb(140 71 75), hsl(357 33% 41%), oklch(0.485 0.094 17.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rhubarb Smoothie color name →
#8C474B
oklch(0.485 0.094 17.5)
Conversioni di colore
- HEX
- #8c474b
- RGB
- rgb(140 71 75)
- HSL
- hsl(357 33% 41%)
- HWB
- hwb(357 28% 45%)
- OKLCH
- oklch(0.485 0.094 17.5)
- OKLab
- oklab(0.485 0.089 0.028)
- CIE Lab
- lab(39.2 30.17 11.7)
- LCH
- lch(39.2 32.36 21.2)
- CMYK
- cmyk(0% 49% 46% 45%)
Tinte · Ombre · Toni
Tinte
- 98595B
- A46A6C
- B07C7D
- BC8E8F
- C8A0A1
- D3B3B3
- DEC5C5
- E9D8D8
- F4ECEC
Ombre
- 793D40
- 673235
- 55282B
- 431F21
- 331617
- 230D0E
- 140606
- 070202
- 010000
Toni
- 8C4D50
- 8B5355
- 8B595B
- 8A5F60
- 896565
- 876A6A
- 867070
- 847575
- 827B7B
Armonie di colore
Complementare +180°
- 8C474B
Rhubarb Smoothie
- 006D6F
≈ Byzantine Blue
Analogo -30° +30°
- 8C474B
Rhubarb Smoothie
- 854769
≈ Grand Poobah
- 894D2D
≈ Chestnut Glaze
Triadico +120° +240°
- 8C474B
Rhubarb Smoothie
- 446B34
≈ Tree Shade
- 3B5F93
≈ Portuguese Blue
Complementare divisa +150° +210°
- 8C474B
Rhubarb Smoothie
- 116F54
≈ Precious Emerald
- 026988
≈ Ansel
Tetradico +90° +180° +270°
- 8C474B
Rhubarb Smoothie
- 656217
≈ Greenish Brown
- 006D6F
≈ Byzantine Blue
- 5C5691
≈ Fine Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.73:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.11:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--rhubarb-smoothie: #8c474b;
--rhubarb-smoothie-rgb: 140 71 75;
--rhubarb-smoothie-oklch: oklch(0.485 0.094 17.5);
}
.element {
color: var(--rhubarb-smoothie);
background-color: hsl(357 33% 41%);
border-color: oklch(0.485 0.094 17.5);
}Tailwind CSS v4
@theme {
--color-rhubarb-smoothie: #8c474b;
--color-rhubarb-smoothie-50: #ffebea;
--color-rhubarb-smoothie-100: #ffdcdb;
--color-rhubarb-smoothie-200: #fac5c4;
--color-rhubarb-smoothie-300: #e4a5a4;
--color-rhubarb-smoothie-400: #d0888a;
--color-rhubarb-smoothie-500: #bc6b6f;
--color-rhubarb-smoothie-600: #9f5b5e;
--color-rhubarb-smoothie-700: #80494b;
--color-rhubarb-smoothie-800: #5f3437;
--color-rhubarb-smoothie-900: #422426;
--color-rhubarb-smoothie-950: #2a1214;
}SCSS
$rhubarb-smoothie: #8c474b;
$rhubarb-smoothie-rgb: 140, 71, 75;
$rhubarb-smoothie-light: mix(#fff, $rhubarb-smoothie, 20%);
$rhubarb-smoothie-dark: mix(#000, $rhubarb-smoothie, 20%);
.element {
color: $rhubarb-smoothie;
box-shadow: 0 0 0 2px rgba($rhubarb-smoothie, 0.35);
}