Nazwany kolor · #D78187
Rhubarb Pie
Rhubarb Pie to #D78187: rgb(215 129 135), hsl(356 52% 67%), oklch(0.696 0.106 15.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rhubarb Pie color name →
#D78187
oklch(0.696 0.106 15.7)
Konwersje koloru
- HEX
- #d78187
- RGB
- rgb(215 129 135)
- HSL
- hsl(356 52% 67%)
- HWB
- hwb(356 51% 16%)
- OKLCH
- oklch(0.696 0.106 15.7)
- OKLab
- oklab(0.696 0.102 0.029)
- CIE Lab
- lab(63.61 34.51 11.78)
- LCH
- lch(63.61 36.47 18.8)
- CMYK
- cmyk(0% 40% 37% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DC8E92
- E19A9E
- E6A7AA
- EAB3B6
- EEC0C1
- F2CCCE
- F6D9DA
- F9E6E6
- FCF2F2
Odcienie ciemniejsze
- BB6F75
- 9F5E63
- 854E51
- 6B3E41
- 522E31
- 3B1F21
- 251213
- 110606
- 020101
Tony
- CF8186
- C68286
- BE8285
- B58284
- AD8284
- A48283
- 9B8182
- 928182
- 898181
Harmonie kolorów
Komplementarna +180°
- D78187
Rhubarb Pie
- 33B2B2
≈ Lake Tahoe Turquoise
Analogowa -30° +30°
- D78187
Rhubarb Pie
- CD82AC
≈ Moonlight Mauve
- D48864
≈ King Salmon
Triada +120° +240°
- D78187
Rhubarb Pie
- 7FAC68
≈ Organic Green
- 70A0DF
≈ Windjammer
Komplementarna rozszczepiona +150° +210°
- D78187
Rhubarb Pie
- 53B28E
≈ Aruba Green
- 46ABCF
≈ Maximum Blue
Tetrada +90° +180° +270°
- D78187
Rhubarb Pie
- A6A14D
≈ Reed Green
- 33B2B2
≈ Lake Tahoe Turquoise
- 9793DD
≈ Portage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.84:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.37:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.37:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--rhubarb-pie: #d78187;
--rhubarb-pie-rgb: 215 129 135;
--rhubarb-pie-oklch: oklch(0.696 0.106 15.7);
}
.element {
color: var(--rhubarb-pie);
background-color: hsl(356 52% 67%);
border-color: oklch(0.696 0.106 15.7);
}Tailwind CSS v4
@theme {
--color-rhubarb-pie: #d78187;
--color-rhubarb-pie-50: #ffeaea;
--color-rhubarb-pie-100: #ffdadb;
--color-rhubarb-pie-200: #ffc3c3;
--color-rhubarb-pie-300: #e9a2a3;
--color-rhubarb-pie-400: #d68489;
--color-rhubarb-pie-500: #c2666e;
--color-rhubarb-pie-600: #a4575e;
--color-rhubarb-pie-700: #84454b;
--color-rhubarb-pie-800: #623237;
--color-rhubarb-pie-900: #452226;
--color-rhubarb-pie-950: #2c1114;
}SCSS
$rhubarb-pie: #d78187;
$rhubarb-pie-rgb: 215, 129, 135;
$rhubarb-pie-light: mix(#fff, $rhubarb-pie, 20%);
$rhubarb-pie-dark: mix(#000, $rhubarb-pie, 20%);
.element {
color: $rhubarb-pie;
box-shadow: 0 0 0 2px rgba($rhubarb-pie, 0.35);
}