最も近い色名 · #CB99BB
#CB99BB
最も近い色名: Sweet Perfume
#CB99BB（rgb(203 153 187)、hsl(319 32% 70%)、oklch(0.74 0.075 338.6)）に最も近い色名はSweet Perfumeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CB99BB
oklch(0.74 0.075 338.6)
カラー変換
- HEX
- #cb99bb
- RGB
- rgb(203 153 187)
- HSL
- hsl(319 32% 70%)
- HWB
- hwb(319 60% 20%)
- OKLCH
- oklch(0.74 0.075 338.6)
- OKLab
- oklab(0.74 0.07 -0.027)
- CIE Lab
- lab(68.85 23.3 -10.04)
- LCH
- lch(68.85 25.37 336.7)
- CMYK
- cmyk(0% 25% 8% 20%)
ティント · シェード · トーン
ティント
- D0A3C2
- D6ADC8
- DBB7CF
- E1C1D6
- E6CBDD
- EBD6E3
- F0E0EA
- F5EAF1
- FAF5F8
シェード
- B084A2
- 96708A
- 7D5D73
- 654A5C
- 4D3846
- 372732
- 22171F
- 0F080D
- 020102
トーン
- C397B5
- BC94AF
- B492A9
- AD8FA3
- A58D9D
- 9E8A97
- 968891
- 8F858C
- 888386
カラーハーモニー
補色 +180°
- CB99BB
Sweet Perfume
- 82BA9A
≈ Neptune Green
類似色 -30° +30°
- CB99BB
Sweet Perfume
- B89FCF
≈ Purple Premiere
- D598A1
≈ Parrot Pink
トライアド +120° +240°
- CB99BB
Sweet Perfume
- B7AC75
≈ Heavy Goldbrown
- 72B7CB
≈ Blue Brocade
スプリットコンプリメンタリー +150° +210°
- CB99BB
Sweet Perfume
- 9DB582
≈ Mesclun Green
- 71BBB4
≈ Earth Eclipse
テトラード +90° +180° +270°
- CB99BB
Sweet Perfume
- CAA377
≈ Golden Thistle Yellow
- 82BA9A
≈ Neptune Green
- 86AFD8
≈ Boo Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.81:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--sweet-perfume: #cb99bb;
--sweet-perfume-rgb: 203 153 187;
--sweet-perfume-oklch: oklch(0.74 0.075 338.6);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(319 32% 70%);
border-color: oklch(0.74 0.075 338.6);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #cb99bb;
--color-sweet-perfume-50: #ffedfc;
--color-sweet-perfume-100: #fadff0;
--color-sweet-perfume-200: #ebc8de;
--color-sweet-perfume-300: #d3a9c3;
--color-sweet-perfume-400: #bc8ead;
--color-sweet-perfume-500: #a77397;
--color-sweet-perfume-600: #8d6180;
--color-sweet-perfume-700: #714e66;
--color-sweet-perfume-800: #53384c;
--color-sweet-perfume-900: #3a2735;
--color-sweet-perfume-950: #241520;
}SCSS
$sweet-perfume: #cb99bb;
$sweet-perfume-rgb: 203, 153, 187;
$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);
}