Colore con nome · #AD5E65
Redbud
Redbud è #AD5E65: rgb(173 94 101), hsl(355 33% 52%), oklch(0.575 0.103 15.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Redbud color name →
#AD5E65
oklch(0.575 0.103 15.2)
Conversioni di colore
- HEX
- #ad5e65
- RGB
- rgb(173 94 101)
- HSL
- hsl(355 33% 52%)
- HWB
- hwb(355 37% 32%)
- OKLCH
- oklch(0.575 0.103 15.2)
- OKLab
- oklab(0.575 0.099 0.027)
- CIE Lab
- lab(49.63 33.34 11.1)
- LCH
- lch(49.63 35.14 18.4)
- CMYK
- cmyk(0% 46% 42% 32%)
Tinte · Ombre · Toni
Tinte
- B66E73
- BF7D82
- C88D91
- D19DA0
- D9ADAF
- E1BDBF
- E9CDCE
- F0DEDE
- F8EEEF
Ombre
- 965157
- 7F4449
- 6A373C
- 552B2F
- 411F22
- 2D1417
- 1B0A0C
- 0B0303
- 010000
Toni
- A96268
- A5666A
- A1696D
- 9D6D70
- 997073
- 947475
- 907778
- 8B7A7B
- 857D7D
Armonie di colore
Complementare +180°
- AD5E65
Redbud
- 008B8B
≈ Dark Cyan
Analogo -30° +30°
- AD5E65
Redbud
- A45F87
≈ Thimble Red
- AB6443
≈ Copper-Metal Red
Triadico +120° +240°
- AD5E65
Redbud
- 5E8646
≈ Beatnik
- 4E7BB5
≈ Ashton Blue
Complementare divisa +150° +210°
- AD5E65
Redbud
- 2E8C6A
≈ Leprechaun
- 1A85A7
≈ Azores Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.59:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.56:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.59:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--redbud: #ad5e65;
--redbud-rgb: 173 94 101;
--redbud-oklch: oklch(0.575 0.103 15.2);
}
.element {
color: var(--redbud);
background-color: hsl(355 33% 52%);
border-color: oklch(0.575 0.103 15.2);
}Tailwind CSS v4
@theme {
--color-redbud: #ad5e65;
--color-redbud-50: #ffeaea;
--color-redbud-100: #ffdbdb;
--color-redbud-200: #fdc3c4;
--color-redbud-300: #e7a2a4;
--color-redbud-400: #d4858b;
--color-redbud-500: #c06870;
--color-redbud-600: #a2585f;
--color-redbud-700: #82464c;
--color-redbud-800: #613338;
--color-redbud-900: #442226;
--color-redbud-950: #2c1115;
}SCSS
$redbud: #ad5e65;
$redbud-rgb: 173, 94, 101;
$redbud-light: mix(#fff, $redbud, 20%);
$redbud-dark: mix(#000, $redbud, 20%);
.element {
color: $redbud;
box-shadow: 0 0 0 2px rgba($redbud, 0.35);
}