色名 · #C15187
Sparkling Blueberry Lemonade
Sparkling Blueberry Lemonadeは#C15187：rgb(193 81 135)、hsl(331 47% 54%)、oklch(0.595 0.155 352.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Sparkling Blueberry Lemonade color name →
#C15187
oklch(0.595 0.155 352.8)
カラー変換
- HEX
- #c15187
- RGB
- rgb(193 81 135)
- HSL
- hsl(331 47% 54%)
- HWB
- hwb(331 32% 24%)
- OKLCH
- oklch(0.595 0.155 352.8)
- OKLab
- oklab(0.595 0.153 -0.019)
- CIE Lab
- lab(50.96 49.77 -6.8)
- LCH
- lch(50.96 50.23 352.2)
- CMYK
- cmyk(0% 58% 30% 24%)
ティント · シェード · トーン
ティント
- C96392
- D1759E
- D887AA
- DF98B5
- E5A9C1
- EBBACD
- F1CBDA
- F6DCE6
- FBEEF2
シェード
- A74575
- 8F3A63
- 772F51
- 5F2441
- 491A31
- 341021
- 200713
- 0E0206
- 020001
トーン
- BB5786
- B65D86
- B06285
- AA6784
- A46C84
- 9D7083
- 977582
- 8F7981
- 887C81
カラーハーモニー
補色 +180°
- C15187
Sparkling Blueberry Lemonade
- 009478
≈ Pool Table
類似色 -30° +30°
- C15187
Sparkling Blueberry Lemonade
- A95AB3
≈ Royalty Loyalty
- CA5152
≈ Chinese Dragon
トライアド +120° +240°
- C15187
Sparkling Blueberry Lemonade
- 808600
≈ Elwynn Forest Olive
- 008ABB
≈ Mermaid Dreams
スプリットコンプリメンタリー +150° +210°
- C15187
Sparkling Blueberry Lemonade
- 3C9539
≈ Always Greener
- 009099
≈ Splashy
テトラード +90° +180° +270°
- C15187
Sparkling Blueberry Lemonade
- A27600
≈ Nataneyu Gold
- 009478
≈ Pool Table
- 4B7ADA
≈ Skies of Cyberspace
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.38:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.79:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.79:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--sparkling-blueberry-lemonade: #c15187;
--sparkling-blueberry-lemonade-rgb: 193 81 135;
--sparkling-blueberry-lemonade-oklch: oklch(0.595 0.155 352.8);
}
.element {
color: var(--sparkling-blueberry-lemonade);
background-color: hsl(331 47% 54%);
border-color: oklch(0.595 0.155 352.8);
}Tailwind CSS v4
@theme {
--color-sparkling-blueberry-lemonade: #c15187;
--color-sparkling-blueberry-lemonade-50: #ffe4f8;
--color-sparkling-blueberry-lemonade-100: #ffd3eb;
--color-sparkling-blueberry-lemonade-200: #ffb9d8;
--color-sparkling-blueberry-lemonade-300: #f595bc;
--color-sparkling-blueberry-lemonade-400: #e274a7;
--color-sparkling-blueberry-lemonade-500: #cf528f;
--color-sparkling-blueberry-lemonade-600: #af4679;
--color-sparkling-blueberry-lemonade-700: #8d3861;
--color-sparkling-blueberry-lemonade-800: #682849;
--color-sparkling-blueberry-lemonade-900: #491b33;
--color-sparkling-blueberry-lemonade-950: #300a1e;
}SCSS
$sparkling-blueberry-lemonade: #c15187;
$sparkling-blueberry-lemonade-rgb: 193, 81, 135;
$sparkling-blueberry-lemonade-light: mix(#fff, $sparkling-blueberry-lemonade, 20%);
$sparkling-blueberry-lemonade-dark: mix(#000, $sparkling-blueberry-lemonade, 20%);
.element {
color: $sparkling-blueberry-lemonade;
box-shadow: 0 0 0 2px rgba($sparkling-blueberry-lemonade, 0.35);
}