Nazwany kolor · #A87376
Carley’s Rose
Carley’s Rose to #A87376: rgb(168 115 118), hsl(357 23% 55%), oklch(0.611 0.067 15.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Carley’s Rose color name →
#A87376
oklch(0.611 0.067 15.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B18083
- BA8E90
- C39B9D
- CCA9AB
- D4B7B8
- DDC5C6
- E6D3D4
- EEE2E2
- F7F0F1
Odcienie ciemniejsze
- 926366
- 7C5456
- 674547
- 523638
- 3F2829
- 2C1B1C
- 1A0F0F
- 0A0505
- 010101
Tony
- A47477
- A17678
- 9D7779
- 99797A
- 957A7B
- 917B7C
- 8D7D7D
- 897E7E
- 847F7F
Harmonie kolorów
Komplementarna +180°
- A87376
Carley’s Rose
- 4F9090
≈ Bristol Blue
Analogowa -30° +30°
- A87376
Carley’s Rose
- A1738C
≈ Upper Crust
- A67761
≈ Clay Court
Triada +120° +240°
- A87376
Carley’s Rose
- 728D64
≈ Villandry
- 6885AC
≈ Cowgirl Blue
Komplementarna rozszczepiona +150° +210°
- A87376
Carley’s Rose
- 5B917A
≈ Puerto Princesa
- 558CA2
≈ Georgian Revival Blue
Tetrada +90° +180° +270°
- A87376
Carley’s Rose
- 898656
≈ Iguana
- 4F9090
≈ Bristol Blue
- 7F7EAB
≈ Roseine Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.90:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.37:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
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);
}