最も近い色名 · #D0416D
#D0416D
最も近い色名: Dark Pink
#D0416D（rgb(208 65 109)、hsl(342 60% 54%)、oklch(0.591 0.181 6)）に最も近い色名はDark Pinkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D0416D
oklch(0.591 0.181 6)
カラー変換
- HEX
- #d0416d
- RGB
- rgb(208 65 109)
- HSL
- hsl(342 60% 54%)
- HWB
- hwb(342 25% 18%)
- OKLCH
- oklch(0.591 0.181 6)
- OKLab
- oklab(0.591 0.18 0.019)
- CIE Lab
- lab(50.39 59 8.39)
- LCH
- lch(50.39 59.6 8.1)
- CMYK
- cmyk(0% 69% 48% 18%)
ティント · シェード · トーン
ティント
- D7577B
- DE6C88
- E47F96
- EA92A5
- EFA4B3
- F4B6C2
- F7C8D1
- FBDBE0
- FDEDEF
シェード
- B5375E
- 9A2E4F
- 802541
- 671C33
- 4F1326
- 390B19
- 23050D
- 100104
- 020001
トーン
- C94B6F
- C35371
- BB5B73
- B46175
- AD6777
- A56D78
- 9C727A
- 94777C
- 8A7C7E
カラーハーモニー
補色 +180°
- D0416D
Dark Pink
- 009187
≈ Nifty Turquoise
類似色 -30° +30°
- D0416D
Dark Pink
- BC4AA6
≈ Ultraviolet Nusp
- D34921
≈ Dizzy Days
トライアド +120° +240°
- D0416D
Dark Pink
- 678C00
≈ Sap Green
- 0083D1
≈ Electron Blue
スプリットコンプリメンタリー +150° +210°
- D0416D
Dark Pink
- 009658
≈ Green Gloss
- 008CA5
≈ Quintana
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.65:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--dark-pink: #d0416d;
--dark-pink-rgb: 208 65 109;
--dark-pink-oklch: oklch(0.591 0.181 6);
}
.element {
color: var(--dark-pink);
background-color: hsl(342 60% 54%);
border-color: oklch(0.591 0.181 6);
}Tailwind CSS v4
@theme {
--color-dark-pink: #d0416d;
--color-dark-pink-50: #ffe0eb;
--color-dark-pink-100: #ffcfdc;
--color-dark-pink-200: #ffb3c5;
--color-dark-pink-300: #ff8da6;
--color-dark-pink-400: #f3698e;
--color-dark-pink-500: #e14074;
--color-dark-pink-600: #be3862;
--color-dark-pink-700: #992d4e;
--color-dark-pink-800: #721f3b;
--color-dark-pink-900: #501529;
--color-dark-pink-950: #350516;
}SCSS
$dark-pink: #d0416d;
$dark-pink-rgb: 208, 65, 109;
$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);
}