色名 · #CB6A6B
Strawberry Wine
Strawberry Wineは#CB6A6B：rgb(203 106 107)、hsl(359 48% 61%)、oklch(0.637 0.123 20.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Strawberry Wine color name →
#CB6A6B
oklch(0.637 0.123 20.5)
カラー変換
- HEX
- #cb6a6b
- RGB
- rgb(203 106 107)
- HSL
- hsl(359 48% 61%)
- HWB
- hwb(359 42% 20%)
- OKLCH
- oklch(0.637 0.123 20.5)
- OKLab
- oklab(0.637 0.115 0.043)
- CIE Lab
- lab(56.6 39.27 17.9)
- LCH
- lch(56.6 43.15 24.5)
- CMYK
- cmyk(0% 48% 47% 20%)
ティント · シェード · トーン
ティント
- D27979
- D88887
- DE9796
- E4A6A4
- E9B4B3
- EEC3C2
- F3D2D1
- F7E1E0
- FBF0EF
シェード
- B05B5C
- 964D4E
- 7D3F3F
- 653132
- 4D2425
- 371818
- 220D0D
- 0F0404
- 020000
トーン
- C46D6D
- BD7070
- B67272
- AF7574
- A87776
- A07978
- 997B7A
- 917D7C
- 897E7E
カラーハーモニー
補色 +180°
- CB6A6B
Strawberry Wine
- 009EA5
≈ Turkish Boy
類似色 -30° +30°
- CB6A6B
Strawberry Wine
- C26A95
≈ Fuchsia Kiss
- C67340
≈ Zest
トライアド +120° +240°
- CB6A6B
Strawberry Wine
- 609D54
≈ Savage Garden
- 5F8BD5
≈ Livid
スプリットコンプリメンタリー +150° +210°
- CB6A6B
Strawberry Wine
- 0EA380
≈ Congo Green
- 1698C7
≈ UV Light
テトラード +90° +180° +270°
- CB6A6B
Strawberry Wine
- 8F9129
≈ Chorus of Frogs
- 009EA5
≈ Turkish Boy
- 8B7DD0
≈ Indigo Bloom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.61:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.81:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--strawberry-wine: #cb6a6b;
--strawberry-wine-rgb: 203 106 107;
--strawberry-wine-oklch: oklch(0.637 0.123 20.5);
}
.element {
color: var(--strawberry-wine);
background-color: hsl(359 48% 61%);
border-color: oklch(0.637 0.123 20.5);
}Tailwind CSS v4
@theme {
--color-strawberry-wine: #cb6a6b;
--color-strawberry-wine-50: #ffe8e5;
--color-strawberry-wine-100: #ffd9d5;
--color-strawberry-wine-200: #ffc0bc;
--color-strawberry-wine-300: #f09e9a;
--color-strawberry-wine-400: #de7f7f;
--color-strawberry-wine-500: #cb6063;
--color-strawberry-wine-600: #ab5254;
--color-strawberry-wine-700: #8a4243;
--color-strawberry-wine-800: #662f32;
--color-strawberry-wine-900: #482022;
--color-strawberry-wine-950: #2f0f11;
}SCSS
$strawberry-wine: #cb6a6b;
$strawberry-wine-rgb: 203, 106, 107;
$strawberry-wine-light: mix(#fff, $strawberry-wine, 20%);
$strawberry-wine-dark: mix(#000, $strawberry-wine, 20%);
.element {
color: $strawberry-wine;
box-shadow: 0 0 0 2px rgba($strawberry-wine, 0.35);
}