最も近い色名 · #DF6971
#DF6971
最も近い色名: Redstone
#DF6971（rgb(223 105 113)、hsl(356 65% 64%)、oklch(0.664 0.148 17.8)）に最も近い色名はRedstoneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DF6971
oklch(0.664 0.148 17.8)
カラー変換
- HEX
- #df6971
- RGB
- rgb(223 105 113)
- HSL
- hsl(356 65% 64%)
- HWB
- hwb(356 41% 13%)
- OKLCH
- oklch(0.664 0.148 17.8)
- OKLab
- oklab(0.664 0.14 0.045)
- CIE Lab
- lab(59.48 47.51 18.91)
- LCH
- lch(59.48 51.13 21.7)
- CMYK
- cmyk(0% 53% 49% 13%)
ティント · シェード · トーン
ティント
- E4797F
- E9888C
- ED979A
- F1A6A8
- F4B5B6
- F7C4C4
- FAD3D3
- FCE1E1
- FEF0F0
シェード
- C25A61
- A54C52
- 8A3E43
- 6F3135
- 562427
- 3D181A
- 270C0E
- 120404
- 020001
トーン
- D66D73
- CD7074
- C47376
- BB7577
- B27879
- A97A7A
- 9F7C7C
- 957D7D
- 8B7F7F
カラーハーモニー
補色 +180°
- DF6971
Redstone
- 00A8AC
≈ Blue Bolero
類似色 -30° +30°
- DF6971
Redstone
- D36AA4
≈ Super Pink
- DA7339
≈ Northern Barrens Dust
トライアド +120° +240°
- DF6971
Redstone
- 63A849
≈ Shiso Green
- 5693EC
≈ United Nations Blue
スプリットコンプリメンタリー +150° +210°
- DF6971
Redstone
- 00AD83
≈ Simply Green
- 00A2D1
≈ Charybdis
テトラード +90° +180° +270°
- DF6971
Redstone
- 9D9900
≈ Papyrus
- 00A8AC
≈ Blue Bolero
- 9082E8
≈ Indigo Bloom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.28:1 · APCA Lc 60
Ag
AA黒の上
WCAG 6.39:1 · APCA Lc 42
最適な文字色: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
コードスニペット
CSS
:root {
--redstone: #df6971;
--redstone-rgb: 223 105 113;
--redstone-oklch: oklch(0.664 0.148 17.8);
}
.element {
color: var(--redstone);
background-color: hsl(356 65% 64%);
border-color: oklch(0.664 0.148 17.8);
}Tailwind CSS v4
@theme {
--color-redstone: #df6971;
--color-redstone-50: #ffe5e4;
--color-redstone-100: #ffd5d4;
--color-redstone-200: #ffbbba;
--color-redstone-300: #fa9898;
--color-redstone-400: #e8777d;
--color-redstone-500: #d65561;
--color-redstone-600: #b54952;
--color-redstone-700: #913a41;
--color-redstone-800: #6c2931;
--color-redstone-900: #4c1c21;
--color-redstone-950: #320b10;
}SCSS
$redstone: #df6971;
$redstone-rgb: 223, 105, 113;
$redstone-light: mix(#fff, $redstone, 20%);
$redstone-dark: mix(#000, $redstone, 20%);
.element {
color: $redstone;
box-shadow: 0 0 0 2px rgba($redstone, 0.35);
}