最も近い色名 · #D7004F
#D7004F
最も近い色名: Debian Red
#D7004F（rgb(215 0 79)、hsl(338 100% 42%)、oklch(0.56 0.224 12.5)）に最も近い色名はDebian Redです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D7004F
oklch(0.56 0.224 12.5)
カラー変換
- HEX
- #d7004f
- RGB
- rgb(215 0 79)
- HSL
- hsl(338 100% 42%)
- HWB
- hwb(338 0% 16%)
- OKLCH
- oklch(0.56 0.224 12.5)
- OKLab
- oklab(0.56 0.219 0.049)
- CIE Lab
- lab(46.44 72.48 21.78)
- LCH
- lch(46.44 75.68 16.7)
- CMYK
- cmyk(0% 100% 63% 16%)
ティント · シェード · トーン
ティント
- DF395F
- E65570
- EC6D81
- F18492
- F699A4
- FAAEB5
- FCC2C7
- FED6DA
- FFEBEC
シェード
- BB0044
- 9F0038
- 85002E
- 6B0023
- 520019
- 3B0010
- 250007
- 110002
- 020000
トーン
- D02854
- C93A59
- C2485E
- BA5363
- B25C68
- AA646D
- A06C72
- 977376
- 8C7A7B
カラーハーモニー
補色 +180°
- D7004F
Debian Red
- 008684
≈ Green Lapis
類似色 -30° +30°
- D7004F
Debian Red
- C41E97
≈ Indian Lake
- C14900
≈ Brick Orange
トライアド +120° +240°
- D7004F
Debian Red
- 4E8600
≈ Kelp Forest
- 0075D4
≈ Bright Navy Blue
スプリットコンプリメンタリー +150° +210°
- D7004F
Debian Red
- 008A5F
≈ Absinthe Turquoise
- 0081A0
≈ Best of Both Worlds
テトラード +90° +180° +270°
- D7004F
Debian Red
- 827600
≈ Tool Green
- 008684
≈ Green Lapis
- 6954F1
≈ Candy Grape Fizz
コントラストとアクセシビリティ
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: #d7004f;
--debian-red-rgb: 215 0 79;
--debian-red-oklch: oklch(0.56 0.224 12.5);
}
.element {
color: var(--debian-red);
background-color: hsl(338 100% 42%);
border-color: oklch(0.56 0.224 12.5);
}Tailwind CSS v4
@theme {
--color-debian-red: #d7004f;
--color-debian-red-50: #ffdbe1;
--color-debian-red-100: #ffc9d0;
--color-debian-red-200: #ffaab6;
--color-debian-red-300: #ff8093;
--color-debian-red-400: #ff5579;
--color-debian-red-500: #f5055c;
--color-debian-red-600: #cf124e;
--color-debian-red-700: #a7113e;
--color-debian-red-800: #7c082f;
--color-debian-red-900: #580720;
--color-debian-red-950: #3b0010;
}SCSS
$debian-red: #d7004f;
$debian-red-rgb: 215, 0, 79;
$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);
}