Benannte Farbe · #CF5570
Strawberry Moon
Strawberry Moon ist #CF5570: rgb(207 85 112), hsl(347 56% 57%), oklch(0.614 0.156 9.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Strawberry Moon color name →
#CF5570
oklch(0.614 0.156 9.3)
Farbumrechnungen
- HEX
- #cf5570
- RGB
- rgb(207 85 112)
- HSL
- hsl(347 56% 57%)
- HWB
- hwb(347 33% 19%)
- OKLCH
- oklch(0.614 0.156 9.3)
- OKLab
- oklab(0.614 0.154 0.025)
- CIE Lab
- lab(53.36 50.86 10.68)
- LCH
- lch(53.36 51.97 11.9)
- CMYK
- cmyk(0% 59% 46% 19%)
Tints · Shades · Tones
Tints
- D6677D
- DC798B
- E28A99
- E89BA7
- EDABB5
- F2BCC3
- F6CDD2
- F9DDE1
- FCEEF0
Shades
- B44960
- 993D51
- 7F3143
- 672635
- 4F1C27
- 38111A
- 23080E
- 100204
- 020001
Tones
- C85B72
- C16173
- BA6675
- B36A77
- AB6E78
- A3727A
- 9B767B
- 927A7D
- 8A7D7E
Farbharmonien
Komplementär +180°
- CF5570
Strawberry Moon
- 009891
≈ Columbia
Analog -30° +30°
- CF5570
Strawberry Moon
- BF5AA2
≈ Llilacquered
- CF5D34
≈ Chilean Fire
Triadisch +120° +240°
- CF5570
Strawberry Moon
- 669516
≈ Limeade
- 2288DD
≈ Blue Cola
Geteilt komplementär +150° +210°
- CF5570
Strawberry Moon
- 009D65
≈ Prairie
- 0093B1
≈ Munsell Blue
Tetradisch +90° +180° +270°
- CF5570
Strawberry Moon
- 978500
≈ Thicket Green
- 009891
≈ Columbia
- 7376DF
≈ Hera Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.04:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.18:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.18:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--strawberry-moon: #cf5570;
--strawberry-moon-rgb: 207 85 112;
--strawberry-moon-oklch: oklch(0.614 0.156 9.3);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(347 56% 57%);
border-color: oklch(0.614 0.156 9.3);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #cf5570;
--color-strawberry-moon-50: #ffe4ea;
--color-strawberry-moon-100: #ffd3db;
--color-strawberry-moon-200: #ffb9c3;
--color-strawberry-moon-300: #fc95a3;
--color-strawberry-moon-400: #ea738b;
--color-strawberry-moon-500: #d75070;
--color-strawberry-moon-600: #b6455f;
--color-strawberry-moon-700: #92374c;
--color-strawberry-moon-800: #6d2639;
--color-strawberry-moon-900: #4d1a27;
--color-strawberry-moon-950: #320915;
}SCSS
$strawberry-moon: #cf5570;
$strawberry-moon-rgb: 207, 85, 112;
$strawberry-moon-light: mix(#fff, $strawberry-moon, 20%);
$strawberry-moon-dark: mix(#000, $strawberry-moon, 20%);
.element {
color: $strawberry-moon;
box-shadow: 0 0 0 2px rgba($strawberry-moon, 0.35);
}