Màu có tên gần nhất · #CB99BB
#CB99BB
Màu có tên gần nhất: Sweet Perfume
#CB99BB (rgb(203 153 187), hsl(319 32% 70%), oklch(0.74 0.075 338.6)) gần nhất với màu có tên Sweet Perfume. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#CB99BB
oklch(0.74 0.075 338.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D0A3C2
- D6ADC8
- DBB7CF
- E1C1D6
- E6CBDD
- EBD6E3
- F0E0EA
- F5EAF1
- FAF5F8
Sắc đậm
- B084A2
- 96708A
- 7D5D73
- 654A5C
- 4D3846
- 372732
- 22171F
- 0F080D
- 020102
Sắc xám
- C397B5
- BC94AF
- B492A9
- AD8FA3
- A58D9D
- 9E8A97
- 968891
- 8F858C
- 888386
Hòa sắc
Bổ túc +180°
- CB99BB
Sweet Perfume
- 82BA9A
≈ Neptune Green
Tương đồng -30° +30°
- CB99BB
Sweet Perfume
- B89FCF
≈ Purple Premiere
- D598A1
≈ Parrot Pink
Bộ ba +120° +240°
- CB99BB
Sweet Perfume
- B7AC75
≈ Heavy Goldbrown
- 72B7CB
≈ Blue Brocade
Bổ túc chia +150° +210°
- CB99BB
Sweet Perfume
- 9DB582
≈ Mesclun Green
- 71BBB4
≈ Earth Eclipse
Bộ bốn +90° +180° +270°
- CB99BB
Sweet Perfume
- CAA377
≈ Golden Thistle Yellow
- 82BA9A
≈ Neptune Green
- 86AFD8
≈ Boo Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.38:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.81:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
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);
}