最も近い色名 · #9B586C
#9B586C
最も近い色名: Cherry Berry
#9B586C（rgb(155 88 108)、hsl(342 28% 48%)、oklch(0.543 0.091 1.4)）に最も近い色名はCherry Berryです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9B586C
oklch(0.543 0.091 1.4)
カラー変換
- HEX
- #9b586c
- RGB
- rgb(155 88 108)
- HSL
- hsl(342 28% 48%)
- HWB
- hwb(342 35% 39%)
- OKLCH
- oklch(0.543 0.091 1.4)
- OKLab
- oklab(0.543 0.091 0.002)
- CIE Lab
- lab(45.9 30.11 1.23)
- LCH
- lch(45.9 30.14 2.3)
- CMYK
- cmyk(0% 43% 30% 39%)
ティント · シェード · トーン
ティント
- A6687A
- B07887
- BB8896
- C599A4
- CFA9B3
- D9BAC2
- E2CBD1
- ECDCE0
- F6EDEF
シェード
- 864B5D
- 723F4E
- 5E3340
- 4B2832
- 391D25
- 281219
- 18090D
- 090304
- 010000
トーン
- 995C6E
- 976170
- 956572
- 926974
- 906D76
- 8D7178
- 8A757A
- 87797C
- 847C7E
カラーハーモニー
補色 +180°
- 9B586C
Cherry Berry
- 1A8173
≈ Elegant Silk
類似色 -30° +30°
- 9B586C
Cherry Berry
- 8E5B88
≈ Dewberry
- 9E5A4E
≈ Spicy Cayenne
トライアド +120° +240°
- 9B586C
Cherry Berry
- 677838
≈ Army Golf
- 3976A0
≈ Taiwan Blue Magpie
スプリットコンプリメンタリー +150° +210°
- 9B586C
Cherry Berry
- 447F54
≈ Mint Green
- 107D8E
≈ Bermuda
テトラード +90° +180° +270°
- 9B586C
Cherry Berry
- 836D29
≈ Tarnished Brass
- 1A8173
≈ Elegant Silk
- 5C6CA5
≈ Twinkle Night
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.24:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--cherry-berry: #9b586c;
--cherry-berry-rgb: 155 88 108;
--cherry-berry-oklch: oklch(0.543 0.091 1.4);
}
.element {
color: var(--cherry-berry);
background-color: hsl(342 28% 48%);
border-color: oklch(0.543 0.091 1.4);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #9b586c;
--color-cherry-berry-50: #ffebf2;
--color-cherry-berry-100: #ffdce5;
--color-cherry-berry-200: #f7c5d0;
--color-cherry-berry-300: #e0a4b2;
--color-cherry-berry-400: #cc889b;
--color-cherry-berry-500: #b86b82;
--color-cherry-berry-600: #9b5b6e;
--color-cherry-berry-700: #7d4958;
--color-cherry-berry-800: #5c3541;
--color-cherry-berry-900: #40242d;
--color-cherry-berry-950: #29121a;
}SCSS
$cherry-berry: #9b586c;
$cherry-berry-rgb: 155, 88, 108;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}