最も近い色名 · #DE98B9
#DE98B9
最も近い色名: Sweet Perfume
#DE98B9（rgb(222 152 185)、hsl(332 51% 73%)、oklch(0.758 0.093 349.7)）に最も近い色名はSweet Perfumeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DE98B9
oklch(0.758 0.093 349.7)
カラー変換
- HEX
- #de98b9
- RGB
- rgb(222 152 185)
- HSL
- hsl(332 51% 73%)
- HWB
- hwb(332 60% 13%)
- OKLCH
- oklch(0.758 0.093 349.7)
- OKLab
- oklab(0.758 0.092 -0.017)
- CIE Lab
- lab(70.67 30.49 -5.98)
- LCH
- lch(70.67 31.08 348.9)
- CMYK
- cmyk(0% 32% 17% 13%)
ティント · シェード · トーン
ティント
- E2A2C0
- E6ACC7
- E9B7CE
- EDC1D5
- F0CBDC
- F4D5E3
- F7E0EA
- FAEAF1
- FCF5F8
シェード
- C184A0
- A57089
- 895C71
- 6F4A5B
- 553846
- 3D2731
- 26171E
- 12080D
- 020102
トーン
- D596B3
- CB94AD
- C291A8
- B98FA2
- AF8D9C
- A68A96
- 9C8891
- 93858B
- 8A8386
カラーハーモニー
補色 +180°
- DE98B9
Sweet Perfume
- 6FC4A7
≈ Gem Silica
類似色 -30° +30°
- DE98B9
Sweet Perfume
- CB9DD6
≈ Autumn Wisteria
- E69898
≈ Franken Berry
トライアド +120° +240°
- DE98B9
Sweet Perfume
- B4B66E
≈ Olive Oil
- 6DBCE0
≈ Clear Weather
スプリットコンプリメンタリー +150° +210°
- DE98B9
Sweet Perfume
- 91BF86
≈ Hearty Hosta
- 5FC3C7
≈ Gem Turquoise
テトラード +90° +180° +270°
- DE98B9
Sweet Perfume
- D0AA6A
≈ More Maple
- 6FC4A7
≈ Gem Silica
- 8DB2EC
≈ Fly Away
コントラストとアクセシビリティ
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 {
--sweet-perfume: #de98b9;
--sweet-perfume-rgb: 222 152 185;
--sweet-perfume-oklch: oklch(0.758 0.093 349.7);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(332 51% 73%);
border-color: oklch(0.758 0.093 349.7);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #de98b9;
--color-sweet-perfume-50: #ffebf8;
--color-sweet-perfume-100: #ffdceb;
--color-sweet-perfume-200: #f5c4d9;
--color-sweet-perfume-300: #dea4bd;
--color-sweet-perfume-400: #c988a6;
--color-sweet-perfume-500: #b46b8f;
--color-sweet-perfume-600: #985b79;
--color-sweet-perfume-700: #7a4961;
--color-sweet-perfume-800: #5a3548;
--color-sweet-perfume-900: #3f2432;
--color-sweet-perfume-950: #28131e;
}SCSS
$sweet-perfume: #de98b9;
$sweet-perfume-rgb: 222, 152, 185;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}