Nazwany kolor · #C08591
Strawberry Jubilee
Strawberry Jubilee to #C08591: rgb(192 133 145), hsl(348 32% 64%), oklch(0.679 0.074 5.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Strawberry Jubilee color name →
#C08591
oklch(0.679 0.074 5.8)
Konwersje koloru
- HEX
- #c08591
- RGB
- rgb(192 133 145)
- HSL
- hsl(348 32% 64%)
- HWB
- hwb(348 52% 25%)
- OKLCH
- oklch(0.679 0.074 5.8)
- OKLab
- oklab(0.679 0.074 0.008)
- CIE Lab
- lab(61.88 24.58 3.19)
- LCH
- lch(61.88 24.79 7.4)
- CMYK
- cmyk(0% 31% 24% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7919B
- CD9DA6
- D4A9B1
- DAB5BC
- E1C1C7
- E7CDD2
- EDD9DD
- F3E6E8
- F9F2F4
Odcienie ciemniejsze
- A7737D
- 8E616A
- 765058
- 5F4046
- 493035
- 342125
- 201315
- 0E0607
- 020101
Tony
- BA858F
- B4848E
- AD848C
- A7848A
- A18388
- 9A8387
- 948285
- 8D8183
- 878182
Harmonie kolorów
Komplementarna +180°
- C08591
Strawberry Jubilee
- 5FA79F
≈ Paradise Island
Analogowa -30° +30°
- C08591
Strawberry Jubilee
- B687AA
≈ Sunset Horizon
- C18878
≈ Copper Trail
Triada +120° +240°
- C08591
Strawberry Jubilee
- 8DA16E
≈ Lady Fern
- 729DC3
≈ Blue Promise
Komplementarna rozszczepiona +150° +210°
- C08591
Strawberry Jubilee
- 72A685
≈ Corporate Green
- 5FA4B5
≈ Explorer Blue
Tetrada +90° +180° +270°
- C08591
Strawberry Jubilee
- A69862
≈ Mossy Rock
- 5FA79F
≈ Paradise Island
- 8B95C6
≈ Fast Velvet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.99:1 · APCA Lc 57
Ag
AAANa czerni
WCAG 7.00:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--strawberry-jubilee: #c08591;
--strawberry-jubilee-rgb: 192 133 145;
--strawberry-jubilee-oklch: oklch(0.679 0.074 5.8);
}
.element {
color: var(--strawberry-jubilee);
background-color: hsl(348 32% 64%);
border-color: oklch(0.679 0.074 5.8);
}Tailwind CSS v4
@theme {
--color-strawberry-jubilee: #c08591;
--color-strawberry-jubilee-50: #ffedf1;
--color-strawberry-jubilee-100: #ffdee3;
--color-strawberry-jubilee-200: #f2c8ce;
--color-strawberry-jubilee-300: #daa8b0;
--color-strawberry-jubilee-400: #c58c98;
--color-strawberry-jubilee-500: #b0717f;
--color-strawberry-jubilee-600: #95606b;
--color-strawberry-jubilee-700: #784d56;
--color-strawberry-jubilee-800: #58373f;
--color-strawberry-jubilee-900: #3e262c;
--color-strawberry-jubilee-950: #271419;
}SCSS
$strawberry-jubilee: #c08591;
$strawberry-jubilee-rgb: 192, 133, 145;
$strawberry-jubilee-light: mix(#fff, $strawberry-jubilee, 20%);
$strawberry-jubilee-dark: mix(#000, $strawberry-jubilee, 20%);
.element {
color: $strawberry-jubilee;
box-shadow: 0 0 0 2px rgba($strawberry-jubilee, 0.35);
}