最も近い色名 · #C34E70
#C34E70
最も近い色名: Dark Pink
#C34E70（rgb(195 78 112)、hsl(343 49% 54%)、oklch(0.587 0.152 5)）に最も近い色名はDark Pinkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C34E70
oklch(0.587 0.152 5)
カラー変換
- HEX
- #c34e70
- RGB
- rgb(195 78 112)
- HSL
- hsl(343 49% 54%)
- HWB
- hwb(343 31% 24%)
- OKLCH
- oklch(0.587 0.152 5)
- OKLab
- oklab(0.587 0.152 0.013)
- CIE Lab
- lab(50.2 49.84 5.92)
- LCH
- lch(50.2 50.19 6.8)
- CMYK
- cmyk(0% 60% 43% 24%)
ティント · シェード · トーン
ティント
- CB617D
- D3738B
- DA8599
- E096A7
- E7A8B5
- EDB9C3
- F2CAD2
- F7DCE1
- FBEDF0
シェード
- A94360
- 903851
- 782D43
- 602335
- 4A1927
- 340F1A
- 20070E
- 0E0204
- 020001
トーン
- BD5572
- B85B73
- B26175
- AC6676
- A56B78
- 9F707A
- 98747B
- 90787D
- 887C7E
カラーハーモニー
補色 +180°
- C34E70
Dark Pink
- 009084
≈ Emerald Coast
類似色 -30° +30°
- C34E70
Dark Pink
- B154A0
≈ Magenta Memoir
- C65438
≈ Spicy Tomato
トライアド +120° +240°
- C34E70
Dark Pink
- 688A00
≈ Sap Green
- 0082CD
≈ Lvivian Rain
スプリットコンプリメンタリー +150° +210°
- C34E70
Dark Pink
- 009454
≈ Emerald Isle
- 008BA2
≈ Parrot Flight
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--dark-pink: #c34e70;
--dark-pink-rgb: 195 78 112;
--dark-pink-oklch: oklch(0.587 0.152 5);
}
.element {
color: var(--dark-pink);
background-color: hsl(343 49% 54%);
border-color: oklch(0.587 0.152 5);
}Tailwind CSS v4
@theme {
--color-dark-pink: #c34e70;
--color-dark-pink-50: #ffe4ee;
--color-dark-pink-100: #ffd3df;
--color-dark-pink-200: #ffb9c9;
--color-dark-pink-300: #f995aa;
--color-dark-pink-400: #e77492;
--color-dark-pink-500: #d55279;
--color-dark-pink-600: #b44666;
--color-dark-pink-700: #903852;
--color-dark-pink-800: #6b273d;
--color-dark-pink-900: #4b1a2a;
--color-dark-pink-950: #310a18;
}SCSS
$dark-pink: #c34e70;
$dark-pink-rgb: 195, 78, 112;
$dark-pink-light: mix(#fff, $dark-pink, 20%);
$dark-pink-dark: mix(#000, $dark-pink, 20%);
.element {
color: $dark-pink;
box-shadow: 0 0 0 2px rgba($dark-pink, 0.35);
}