Colore con nome · #7D2F45
Rhododendron
Rhododendron è #7D2F45: rgb(125 47 69), hsl(343 45% 34%), oklch(0.423 0.11 5.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rhododendron color name →
#7D2F45
oklch(0.423 0.11 5.6)
Conversioni di colore
- HEX
- #7d2f45
- RGB
- rgb(125 47 69)
- HSL
- hsl(343 45% 34%)
- HWB
- hwb(343 18% 51%)
- OKLCH
- oklch(0.423 0.11 5.6)
- OKLab
- oklab(0.423 0.11 0.011)
- CIE Lab
- lab(31.72 35.99 4.72)
- LCH
- lch(31.72 36.3 7.5)
- CMYK
- cmyk(0% 62% 45% 51%)
Tinte · Ombre · Toni
Tinte
- 8B4356
- 995767
- A76B78
- B4808A
- C1949D
- CEA9B0
- DABEC3
- E7D3D7
- F3E9EB
Ombre
- 6C273B
- 5B2031
- 4B1927
- 3B121E
- 2C0C15
- 1E060C
- 110305
- 050102
- 010000
Toni
- 7F384B
- 804150
- 814956
- 82515C
- 825962
- 826168
- 82696E
- 827174
- 81787A
Armonie di colore
Complementare +180°
- 7D2F45
Rhododendron
- 005B54
≈ Baltic Prince
Analogo -30° +30°
- 7D2F45
Rhododendron
- 713365
≈ Grape
- 7F331F
≈ Warmth of Teamwork
Triadico +120° +240°
- 7D2F45
Rhododendron
- 405700
≈ Highlands Moss
- 005184
≈ Snorkel Blue
Complementare divisa +150° +210°
- 7D2F45
Rhododendron
- 005E34
≈ Spruce
- 005868
≈ Abyssal Waters
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.88:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.36:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.88:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--rhododendron: #7d2f45;
--rhododendron-rgb: 125 47 69;
--rhododendron-oklch: oklch(0.423 0.11 5.6);
}
.element {
color: var(--rhododendron);
background-color: hsl(343 45% 34%);
border-color: oklch(0.423 0.11 5.6);
}Tailwind CSS v4
@theme {
--color-rhododendron: #7d2f45;
--color-rhododendron-50: #ffe9ef;
--color-rhododendron-100: #ffd9e1;
--color-rhododendron-200: #ffc1cc;
--color-rhododendron-300: #e9a0ad;
--color-rhododendron-400: #d58295;
--color-rhododendron-500: #c2647b;
--color-rhododendron-600: #a45669;
--color-rhododendron-700: #834454;
--color-rhododendron-800: #61313e;
--color-rhododendron-900: #44212b;
--color-rhododendron-950: #2c1018;
}SCSS
$rhododendron: #7d2f45;
$rhododendron-rgb: 125, 47, 69;
$rhododendron-light: mix(#fff, $rhododendron, 20%);
$rhododendron-dark: mix(#000, $rhododendron, 20%);
.element {
color: $rhododendron;
box-shadow: 0 0 0 2px rgba($rhododendron, 0.35);
}