Nazwany kolor · #DB8079
Cranapple
Cranapple to #DB8079: rgb(219 128 121), hsl(4 58% 67%), oklch(0.696 0.114 25.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cranapple color name →
#DB8079
oklch(0.696 0.114 25.1)
Konwersje koloru
- HEX
- #db8079
- RGB
- rgb(219 128 121)
- HSL
- hsl(4 58% 67%)
- HWB
- hwb(4 47% 14%)
- OKLCH
- oklch(0.696 0.114 25.1)
- OKLab
- oklab(0.696 0.103 0.048)
- CIE Lab
- lab(63.67 35.43 19.85)
- LCH
- lch(63.67 40.61 29.3)
- CMYK
- cmyk(0% 42% 45% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E08D86
- E49A93
- E9A6A0
- EDB3AD
- F0BFBB
- F4CCC8
- F7D9D6
- FAE5E3
- FDF2F1
Odcienie ciemniejsze
- BE6E68
- A25D58
- 874D48
- 6D3D39
- 542E2B
- 3C1F1D
- 261210
- 110605
- 020101
Tony
- D2817A
- CA817B
- C1817C
- B8817C
- AF827D
- A6817E
- 9D817E
- 93817F
- 8A8180
Harmonie kolorów
Komplementarna +180°
- DB8079
Cranapple
- 1FB1BF
≈ Marrakech Mile
Analogowa -30° +30°
- DB8079
Cranapple
- D47EA1
≈ Heirloom Rose
- D38955
≈ Bestigor
Triada +120° +240°
- DB8079
Cranapple
- 6EB070
≈ Pale Green
- 7B9BE4
≈ Portage
Komplementarna rozszczepiona +150° +210°
- DB8079
Cranapple
- 3AB499
≈ Green Blue
- 4BA8DA
≈ Blue Astro
Tetrada +90° +180° +270°
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 {
--cranapple: #db8079;
--cranapple-rgb: 219 128 121;
--cranapple-oklch: oklch(0.696 0.114 25.1);
}
.element {
color: var(--cranapple);
background-color: hsl(4 58% 67%);
border-color: oklch(0.696 0.114 25.1);
}Tailwind CSS v4
@theme {
--color-cranapple: #db8079;
--color-cranapple-50: #ffeae4;
--color-cranapple-100: #ffdad4;
--color-cranapple-200: #ffc2ba;
--color-cranapple-300: #eca198;
--color-cranapple-400: #da837c;
--color-cranapple-500: #c6655f;
--color-cranapple-600: #a85651;
--color-cranapple-700: #874540;
--color-cranapple-800: #64312f;
--color-cranapple-900: #462120;
--color-cranapple-950: #2d1010;
}SCSS
$cranapple: #db8079;
$cranapple-rgb: 219, 128, 121;
$cranapple-light: mix(#fff, $cranapple, 20%);
$cranapple-dark: mix(#000, $cranapple, 20%);
.element {
color: $cranapple;
box-shadow: 0 0 0 2px rgba($cranapple, 0.35);
}