最も近い色名 · #D2839E
#D2839E
最も近い色名: Primrose
#D2839E（rgb(210 131 158)、hsl(339 47% 67%)、oklch(0.7 0.102 358.1)）に最も近い色名はPrimroseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D2839E
oklch(0.7 0.102 358.1)
カラー変換
- HEX
- #d2839e
- RGB
- rgb(210 131 158)
- HSL
- hsl(339 47% 67%)
- HWB
- hwb(339 51% 18%)
- OKLCH
- oklch(0.7 0.102 358.1)
- OKLab
- oklab(0.7 0.102 -0.003)
- CIE Lab
- lab(63.9 33.81 -0.93)
- LCH
- lch(63.9 33.82 358.4)
- CMYK
- cmyk(0% 38% 25% 18%)
ティント · シェード · トーン
ティント
- D78FA7
- DD9CB1
- E2A8BA
- E6B4C4
- EBC1CD
- EFCDD7
- F4D9E1
- F8E6EB
- FBF2F5
シェード
- B67189
- 9B6074
- 814F60
- 683F4D
- 502F3A
- 392029
- 241218
- 100609
- 020101
トーン
- CA839B
- C28398
- BA8395
- B28392
- AA838F
- A2828C
- 9A8289
- 918186
- 898183
カラーハーモニー
補色 +180°
- D2839E
Primrose
- 49B39E
≈ Sacred Turquoise
類似色 -30° +30°
- D2839E
Primrose
- C187BF
≈ Dragonflies
- D7857A
≈ Island Coral
トライアド +120° +240°
- D2839E
Primrose
- 99A75B
≈ Overt Green
- 5CA7D7
≈ Cousteau
スプリットコンプリメンタリー +150° +210°
- D2839E
Primrose
- 71B07A
≈ Pale Green
- 3EB0C0
≈ Lago Blue
テトラード +90° +180° +270°
- D2839E
Primrose
- B99B4E
≈ Brown Rum
- 49B39E
≈ Sacred Turquoise
- 839CDF
≈ Portage
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--primrose: #d2839e;
--primrose-rgb: 210 131 158;
--primrose-oklch: oklch(0.7 0.102 358.1);
}
.element {
color: var(--primrose);
background-color: hsl(339 47% 67%);
border-color: oklch(0.7 0.102 358.1);
}Tailwind CSS v4
@theme {
--color-primrose: #d2839e;
--color-primrose-50: #ffeaf4;
--color-primrose-100: #ffdae6;
--color-primrose-200: #fac3d2;
--color-primrose-300: #e4a2b5;
--color-primrose-400: #d0859e;
--color-primrose-500: #bc6886;
--color-primrose-600: #9f5871;
--color-primrose-700: #7f465a;
--color-primrose-800: #5e3343;
--color-primrose-900: #42222f;
--color-primrose-950: #2a111b;
}SCSS
$primrose: #d2839e;
$primrose-rgb: 210, 131, 158;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}