Cor nomeada · #A87376
Carley’s Rose
Carley’s Rose é #A87376: rgb(168 115 118), hsl(357 23% 55%), oklch(0.611 0.067 15.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Carley’s Rose color name →
#A87376
oklch(0.611 0.067 15.5)
Conversões de cor
- HEX
- #a87376
- RGB
- rgb(168 115 118)
- HSL
- hsl(357 23% 55%)
- HWB
- hwb(357 45% 34%)
- OKLCH
- oklch(0.611 0.067 15.5)
- OKLab
- oklab(0.611 0.065 0.018)
- CIE Lab
- lab(54.13 21.83 7.25)
- LCH
- lch(54.13 23 18.4)
- CMYK
- cmyk(0% 32% 30% 34%)
Tons claros · Sombras · Tons
Tons claros
- B18083
- BA8E90
- C39B9D
- CCA9AB
- D4B7B8
- DDC5C6
- E6D3D4
- EEE2E2
- F7F0F1
Sombras
- 926366
- 7C5456
- 674547
- 523638
- 3F2829
- 2C1B1C
- 1A0F0F
- 0A0505
- 010101
Tons
- A47477
- A17678
- 9D7779
- 99797A
- 957A7B
- 917B7C
- 8D7D7D
- 897E7E
- 847F7F
Harmonias de cor
Complementar +180°
- A87376
Carley’s Rose
- 4F9090
≈ Bristol Blue
Análoga -30° +30°
- A87376
Carley’s Rose
- A1738C
≈ Upper Crust
- A67761
≈ Clay Court
Tríade +120° +240°
- A87376
Carley’s Rose
- 728D64
≈ Villandry
- 6885AC
≈ Cowgirl Blue
Complementar dividida +150° +210°
- A87376
Carley’s Rose
- 5B917A
≈ Puerto Princesa
- 558CA2
≈ Georgian Revival Blue
Tétrade +90° +180° +270°
- A87376
Carley’s Rose
- 898656
≈ Iguana
- 4F9090
≈ Bristol Blue
- 7F7EAB
≈ Roseine Plum
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.90:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.37:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--carley-s-rose: #a87376;
--carley-s-rose-rgb: 168 115 118;
--carley-s-rose-oklch: oklch(0.611 0.067 15.5);
}
.element {
color: var(--carley-s-rose);
background-color: hsl(357 23% 55%);
border-color: oklch(0.611 0.067 15.5);
}Tailwind CSS v4
@theme {
--color-carley-s-rose: #a87376;
--color-carley-s-rose-50: #ffeeee;
--color-carley-s-rose-100: #fedfe0;
--color-carley-s-rose-200: #f0c9ca;
--color-carley-s-rose-300: #d8aaab;
--color-carley-s-rose-400: #c38f91;
--color-carley-s-rose-500: #ae7477;
--color-carley-s-rose-600: #936265;
--color-carley-s-rose-700: #764e51;
--color-carley-s-rose-800: #57393b;
--color-carley-s-rose-900: #3d2729;
--color-carley-s-rose-950: #261517;
}SCSS
$carley-s-rose: #a87376;
$carley-s-rose-rgb: 168, 115, 118;
$carley-s-rose-light: mix(#fff, $carley-s-rose, 20%);
$carley-s-rose-dark: mix(#000, $carley-s-rose, 20%);
.element {
color: $carley-s-rose;
box-shadow: 0 0 0 2px rgba($carley-s-rose, 0.35);
}