最も近い色名 · #D60058
#D60058
最も近い色名: Debian Red
#D60058（rgb(214 0 88)、hsl(335 100% 42%)、oklch(0.56 0.224 9.2)）に最も近い色名はDebian Redです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D60058
oklch(0.56 0.224 9.2)
カラー変換
- HEX
- #d60058
- RGB
- rgb(214 0 88)
- HSL
- hsl(335 100% 42%)
- HWB
- hwb(335 0% 16%)
- OKLCH
- oklch(0.56 0.224 9.2)
- OKLab
- oklab(0.56 0.221 0.036)
- CIE Lab
- lab(46.38 72.59 16.04)
- LCH
- lch(46.38 74.34 12.5)
- CMYK
- cmyk(0% 100% 59% 16%)
ティント · シェード · トーン
ティント
- DE3867
- E55577
- EB6D87
- F18397
- F599A8
- F9ADB9
- FCC2CA
- FED6DC
- FFEBED
シェード
- BA004B
- 9E003F
- 840033
- 6A0028
- 52001D
- 3B0012
- 250009
- 100003
- 020000
トーン
- CF285C
- C83A60
- C14764
- BA5268
- B25C6C
- A96470
- A06C74
- 967378
- 8C7A7C
カラーハーモニー
補色 +180°
- D60058
Debian Red
- 008680
≈ Ornamental Turquoise
類似色 -30° +30°
- D60058
Debian Red
- C1229E
≈ Fuchsia Flourish
- C64100
≈ Vinaceous Tawny
トライアド +120° +240°
- D60058
Debian Red
- 588400
≈ Avocado
- 0078CB
≈ Science Blue
スプリットコンプリメンタリー +150° +210°
- D60058
Debian Red
- 008B58
≈ Center Field
- 00829D
≈ Decore Splash
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.24:1 · APCA Lc 73
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--debian-red: #d60058;
--debian-red-rgb: 214 0 88;
--debian-red-oklch: oklch(0.56 0.224 9.2);
}
.element {
color: var(--debian-red);
background-color: hsl(335 100% 42%);
border-color: oklch(0.56 0.224 9.2);
}Tailwind CSS v4
@theme {
--color-debian-red: #d60058;
--color-debian-red-50: #ffdbe5;
--color-debian-red-100: #ffc9d5;
--color-debian-red-200: #ffaabc;
--color-debian-red-300: #ff809a;
--color-debian-red-400: #ff5482;
--color-debian-red-500: #f40566;
--color-debian-red-600: #ce1257;
--color-debian-red-700: #a61045;
--color-debian-red-800: #7c0935;
--color-debian-red-900: #580724;
--color-debian-red-950: #3b0013;
}SCSS
$debian-red: #d60058;
$debian-red-rgb: 214, 0, 88;
$debian-red-light: mix(#fff, $debian-red, 20%);
$debian-red-dark: mix(#000, $debian-red, 20%);
.element {
color: $debian-red;
box-shadow: 0 0 0 2px rgba($debian-red, 0.35);
}