Color con nombre · #A24D47
Redrock Canyon
Redrock Canyon es #A24D47: rgb(162 77 71), hsl(4 39% 46%), oklch(0.526 0.114 25.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Redrock Canyon color name →
#A24D47
oklch(0.526 0.114 25.8)
Conversiones de color
- HEX
- #a24d47
- RGB
- rgb(162 77 71)
- HSL
- hsl(4 39% 46%)
- HWB
- hwb(4 28% 36%)
- OKLCH
- oklch(0.526 0.114 25.8)
- OKLab
- oklab(0.526 0.103 0.05)
- CIE Lab
- lab(43.86 35.54 21.03)
- LCH
- lch(43.86 41.3 30.6)
- CMYK
- cmyk(0% 52% 56% 36%)
Tintes · Sombras · Tonos
Tintes
- AD5F58
- B77069
- C1827B
- CB938D
- D4A59F
- DDB6B2
- E6C8C5
- EFDAD8
- F7EDEB
Sombras
- 8C423D
- 773732
- 632C28
- 4F221F
- 3C1816
- 2A0F0D
- 190706
- 0A0202
- 010000
Tonos
- A0534D
- 9D5953
- 9A5E58
- 97635E
- 946864
- 916D6A
- 8D726F
- 897775
- 857B7A
Armonías de color
Complementario +180°
- A24D47
Redrock Canyon
- 007984
≈ Mediterranean Cove
Análogo -30° +30°
- A24D47
Redrock Canyon
- 9C4C6D
≈ Befitting
- 9B561D
≈ Mammoth Wool
Triádico +120° +240°
- A24D47
Redrock Canyon
- 397B40
≈ Hills of Ireland
- 4B67AC
≈ Indigo Batik
Complementario dividido +150° +210°
- A24D47
Redrock Canyon
- 007D68
≈ Mediaeval Forest
- 0073A2
≈ Quarterdeck
Tetrádico +90° +180° +270°
- A24D47
Redrock Canyon
- 687210
≈ Fern Frond
- 007984
≈ Mediterranean Cove
- 715BA4
≈ Sumire Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.69:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.68:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--redrock-canyon: #a24d47;
--redrock-canyon-rgb: 162 77 71;
--redrock-canyon-oklch: oklch(0.526 0.114 25.8);
}
.element {
color: var(--redrock-canyon);
background-color: hsl(4 39% 46%);
border-color: oklch(0.526 0.114 25.8);
}Tailwind CSS v4
@theme {
--color-redrock-canyon: #a24d47;
--color-redrock-canyon-50: #ffeae3;
--color-redrock-canyon-100: #ffdad3;
--color-redrock-canyon-200: #ffc2b9;
--color-redrock-canyon-300: #eca197;
--color-redrock-canyon-400: #da837b;
--color-redrock-canyon-500: #c6655e;
--color-redrock-canyon-600: #a85650;
--color-redrock-canyon-700: #87453f;
--color-redrock-canyon-800: #64312f;
--color-redrock-canyon-900: #462120;
--color-redrock-canyon-950: #2d100f;
}SCSS
$redrock-canyon: #a24d47;
$redrock-canyon-rgb: 162, 77, 71;
$redrock-canyon-light: mix(#fff, $redrock-canyon, 20%);
$redrock-canyon-dark: mix(#000, $redrock-canyon, 20%);
.element {
color: $redrock-canyon;
box-shadow: 0 0 0 2px rgba($redrock-canyon, 0.35);
}