Nazwany kolor · #C8385A
Cherry Lolly
Cherry Lolly to #C8385A: rgb(200 56 90), hsl(346 57% 50%), oklch(0.564 0.18 11.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cherry Lolly color name →
#C8385A
oklch(0.564 0.18 11.5)
Konwersje koloru
- HEX
- #c8385a
- RGB
- rgb(200 56 90)
- HSL
- hsl(346 57% 50%)
- HWB
- hwb(346 22% 22%)
- OKLCH
- oklch(0.564 0.18 11.5)
- OKLab
- oklab(0.564 0.177 0.036)
- CIE Lab
- lab(47.37 58.61 15.55)
- LCH
- lch(47.37 60.64 14.9)
- CMYK
- cmyk(0% 72% 55% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D05069
- D86679
- DF7A89
- E68D99
- EBA0A9
- F1B3BA
- F5C6CB
- F9D9DC
- FCECED
Odcienie ciemniejsze
- AE2F4D
- 942741
- 7B1F35
- 631729
- 4C0F1E
- 360813
- 210409
- 0F0103
- 020000
Tony
- C2435E
- BC4D62
- B65566
- B05D69
- A9646D
- A26A71
- 9A7075
- 927678
- 8A7B7C
Harmonie kolorów
Komplementarna +180°
- C8385A
Cherry Lolly
- 008784
≈ Green Lapis
Analogowa -30° +30°
- C8385A
Cherry Lolly
- B73F94
≈ Safflower Purple
- C44700
≈ Brick Orange
Triada +120° +240°
- C8385A
Cherry Lolly
- 538700
≈ Pesto Alla Genovese
- 0077D3
≈ Bright Navy Blue
Komplementarna rozszczepiona +150° +210°
- C8385A
Cherry Lolly
- 008C5E
≈ Chagall Green
- 0083A1
≈ Ahoy! Blue
Tetrada +90° +180° +270°
- C8385A
Cherry Lolly
- 857700
≈ Soft Fig
- 008784
≈ Green Lapis
- 6861DB
≈ Exodus Fruit
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.03:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.16:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--cherry-lolly: #c8385a;
--cherry-lolly-rgb: 200 56 90;
--cherry-lolly-oklch: oklch(0.564 0.18 11.5);
}
.element {
color: var(--cherry-lolly);
background-color: hsl(346 57% 50%);
border-color: oklch(0.564 0.18 11.5);
}Tailwind CSS v4
@theme {
--color-cherry-lolly: #c8385a;
--color-cherry-lolly-50: #ffe1e6;
--color-cherry-lolly-100: #ffd0d6;
--color-cherry-lolly-200: #ffb4be;
--color-cherry-lolly-300: #ff8e9c;
--color-cherry-lolly-400: #f56a83;
--color-cherry-lolly-500: #e34167;
--color-cherry-lolly-600: #c03957;
--color-cherry-lolly-700: #9a2d46;
--color-cherry-lolly-800: #731f35;
--color-cherry-lolly-900: #511524;
--color-cherry-lolly-950: #360513;
}SCSS
$cherry-lolly: #c8385a;
$cherry-lolly-rgb: 200, 56, 90;
$cherry-lolly-light: mix(#fff, $cherry-lolly, 20%);
$cherry-lolly-dark: mix(#000, $cherry-lolly, 20%);
.element {
color: $cherry-lolly;
box-shadow: 0 0 0 2px rgba($cherry-lolly, 0.35);
}