最も近い色名 · #C85A73
#C85A73
最も近い色名: Strawberry Moon
#C85A73（rgb(200 90 115)、hsl(346 50% 57%)、oklch(0.611 0.142 8)）に最も近い色名はStrawberry Moonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C85A73
oklch(0.611 0.142 8)
カラー変換
- HEX
- #c85a73
- RGB
- rgb(200 90 115)
- HSL
- hsl(346 50% 57%)
- HWB
- hwb(346 35% 22%)
- OKLCH
- oklch(0.611 0.142 8)
- OKLab
- oklab(0.611 0.14 0.02)
- CIE Lab
- lab(53.19 46.4 8.47)
- LCH
- lch(53.19 47.17 10.3)
- CMYK
- cmyk(0% 55% 43% 22%)
ティント · シェード · トーン
ティント
- CF6B80
- D67C8D
- DD8C9B
- E39DA9
- E9ADB7
- EEBDC5
- F3CED3
- F7DEE2
- FBEEF0
シェード
- AE4D63
- 944154
- 7B3545
- 632936
- 4C1E28
- 36131B
- 21090F
- 0F0305
- 020001
トーン
- C25F74
- BB6476
- B56877
- AE6C78
- A7707A
- A0747B
- 98777C
- 917A7D
- 897D7F
カラーハーモニー
補色 +180°
- C85A73
Strawberry Moon
- 00978F
≈ Reef Encounter
類似色 -30° +30°
- C85A73
Strawberry Moon
- B85EA1
≈ Bodacious
- C9603F
≈ Reed Mace
トライアド +120° +240°
- C85A73
Strawberry Moon
- 6A9326
≈ Pont Moss
- 2D88D3
≈ Ticino Blue
スプリットコンプリメンタリー +150° +210°
- C85A73
Strawberry Moon
- 059C62
≈ Shamrock
- 0093AF
≈ Munsell Blue
テトラード +90° +180° +270°
- C85A73
Strawberry Moon
- 988300
≈ Thicket Green
- 00978F
≈ Reef Encounter
- 7178D7
≈ Kickstart Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.06:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.16:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--strawberry-moon: #c85a73;
--strawberry-moon-rgb: 200 90 115;
--strawberry-moon-oklch: oklch(0.611 0.142 8);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(346 50% 57%);
border-color: oklch(0.611 0.142 8);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #c85a73;
--color-strawberry-moon-50: #ffe5ec;
--color-strawberry-moon-100: #ffd5dd;
--color-strawberry-moon-200: #ffbbc6;
--color-strawberry-moon-300: #f698a7;
--color-strawberry-moon-400: #e4788e;
--color-strawberry-moon-500: #d15774;
--color-strawberry-moon-600: #b04a62;
--color-strawberry-moon-700: #8e3b4e;
--color-strawberry-moon-800: #692a3b;
--color-strawberry-moon-900: #4a1c28;
--color-strawberry-moon-950: #300c16;
}SCSS
$strawberry-moon: #c85a73;
$strawberry-moon-rgb: 200, 90, 115;
$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);
}