最も近い色名 · #DF9B9B
#DF9B9B
最も近い色名: She Loves Pink
#DF9B9B（rgb(223 155 155)、hsl(0 52% 74%)、oklch(0.756 0.082 19.2)）に最も近い色名はShe Loves Pinkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DF9B9B
oklch(0.756 0.082 19.2)
カラー変換
- HEX
- #df9b9b
- RGB
- rgb(223 155 155)
- HSL
- hsl(0 52% 74%)
- HWB
- hwb(0 61% 13%)
- OKLCH
- oklch(0.756 0.082 19.2)
- OKLab
- oklab(0.756 0.077 0.027)
- CIE Lab
- lab(70.8 26.17 10.8)
- LCH
- lch(70.8 28.31 22.4)
- CMYK
- cmyk(0% 30% 30% 13%)
ティント · シェード · トーン
ティント
- E3A5A5
- E7AFAE
- EAB9B8
- EEC3C2
- F1CDCC
- F4D7D6
- F7E1E0
- FAEBEA
- FCF5F5
シェード
- C28686
- A57272
- 8A5E5E
- 6F4B4B
- 563939
- 3D2828
- 271818
- 120909
- 020101
トーン
- D69898
- CC9696
- C39393
- B99190
- B08E8E
- A68B8B
- 9D8988
- 938685
- 8A8383
カラーハーモニー
補色 +180°
- DF9B9B
She Loves Pink
- 6CC0C3
≈ Luna Moona
類似色 -30° +30°
- DF9B9B
She Loves Pink
- D89BB8
≈ Sweet Perfume
- DBA182
≈ Sienna Ochre
トライアド +120° +240°
- DF9B9B
She Loves Pink
- 95BD8B
≈ Seafoam Green
- 91B1E4
≈ Blue Skies Today
スプリットコンプリメンタリー +150° +210°
- DF9B9B
She Loves Pink
- 79C1A7
≈ Celadon Porcelain
- 77BAD9
≈ Pacific Harbour
テトラード +90° +180° +270°
- DF9B9B
She Loves Pink
- B3B477
≈ Timothy Grass
- 6CC0C3
≈ Luna Moona
- AEA8E1
≈ Maximum Blue Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.25:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.29:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--she-loves-pink: #df9b9b;
--she-loves-pink-rgb: 223 155 155;
--she-loves-pink-oklch: oklch(0.756 0.082 19.2);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(0 52% 74%);
border-color: oklch(0.756 0.082 19.2);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #df9b9b;
--color-she-loves-pink-50: #ffedeb;
--color-she-loves-pink-100: #ffdedc;
--color-she-loves-pink-200: #f6c7c5;
--color-she-loves-pink-300: #dea7a5;
--color-she-loves-pink-400: #ca8b8b;
--color-she-loves-pink-500: #b66f70;
--color-she-loves-pink-600: #9a5f5f;
--color-she-loves-pink-700: #7c4c4c;
--color-she-loves-pink-800: #5b3638;
--color-she-loves-pink-900: #402526;
--color-she-loves-pink-950: #291415;
}SCSS
$she-loves-pink: #df9b9b;
$she-loves-pink-rgb: 223, 155, 155;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}