Warna bernama · #CD827D
Raspberry Ripple
Raspberry Ripple adalah #CD827D: rgb(205 130 125), hsl(4 44% 65%), oklch(0.683 0.094 24). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Raspberry Ripple color name →
#CD827D
oklch(0.683 0.094 24)
Konversi warna
- HEX
- #cd827d
- RGB
- rgb(205 130 125)
- HSL
- hsl(4 44% 65%)
- HWB
- hwb(4 49% 20%)
- OKLCH
- oklch(0.683 0.094 24)
- OKLab
- oklab(0.683 0.086 0.038)
- CIE Lab
- lab(62.36 29.29 15.47)
- LCH
- lch(62.36 33.13 27.8)
- CMYK
- cmyk(0% 37% 39% 20%)
Tint · Shade · Tone
Tint
- D38E89
- D99B96
- DEA7A3
- E3B3AF
- E8C0BC
- EDCCC9
- F2D9D7
- F7E6E4
- FBF2F1
Shade
- B2706C
- 985F5B
- 7E4E4B
- 663E3B
- 4E2F2C
- 38201E
- 231211
- 0F0605
- 020101
Tone
- C6827D
- BE827E
- B7827E
- AF827F
- A8827F
- A0827F
- 98817F
- 908180
- 888180
Harmoni warna
Komplementer +180°
- CD827D
Raspberry Ripple
- 45AAB4
≈ Gone Fishing
Analog -30° +30°
- CD827D
Raspberry Ripple
- C7819D
≈ Cashmere Rose
- C78961
≈ Wheatberry
Triadik +120° +240°
- CD827D
Raspberry Ripple
- 75A974
≈ Dusty Green
- 7C99D4
≈ Purple Gentian
Split-komplementer +150° +210°
- CD827D
Raspberry Ripple
- 53AC95
≈ Hole in One
- 5AA3CA
≈ Blue Grotto
Tetradik +90° +180° +270°
- CD827D
Raspberry Ripple
- 98A05A
≈ Sweet Pea
- 45AAB4
≈ Gone Fishing
- 9C8ECE
≈ Hermosa
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.96:1 · APCA Lc 56
Ag
AAADi atas hitam
WCAG 7.08:1 · APCA Lc 46
Warna teks terbaik: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
Cuplikan kode
CSS
:root {
--raspberry-ripple: #cd827d;
--raspberry-ripple-rgb: 205 130 125;
--raspberry-ripple-oklch: oklch(0.683 0.094 24);
}
.element {
color: var(--raspberry-ripple);
background-color: hsl(4 44% 65%);
border-color: oklch(0.683 0.094 24);
}Tailwind CSS v4
@theme {
--color-raspberry-ripple: #cd827d;
--color-raspberry-ripple-50: #ffece7;
--color-raspberry-ripple-100: #ffddd8;
--color-raspberry-ripple-200: #fac6c0;
--color-raspberry-ripple-300: #e4a59e;
--color-raspberry-ripple-400: #d08883;
--color-raspberry-ripple-500: #bc6c68;
--color-raspberry-ripple-600: #9f5c58;
--color-raspberry-ripple-700: #804946;
--color-raspberry-ripple-800: #5f3534;
--color-raspberry-ripple-900: #422423;
--color-raspberry-ripple-950: #2b1312;
}SCSS
$raspberry-ripple: #cd827d;
$raspberry-ripple-rgb: 205, 130, 125;
$raspberry-ripple-light: mix(#fff, $raspberry-ripple, 20%);
$raspberry-ripple-dark: mix(#000, $raspberry-ripple, 20%);
.element {
color: $raspberry-ripple;
box-shadow: 0 0 0 2px rgba($raspberry-ripple, 0.35);
}