Màu có tên gần nhất · #CFB4CA
#CFB4CA
Màu có tên gần nhất: Purple Poodle
#CFB4CA (rgb(207 180 202), hsl(311 22% 76%), oklch(0.8 0.043 332.2)) gần nhất với màu có tên Purple Poodle. 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.
#CFB4CA
oklch(0.8 0.043 332.2)
Chuyển đổi màu
- HEX
- #cfb4ca
- RGB
- rgb(207 180 202)
- HSL
- hsl(311 22% 76%)
- HWB
- hwb(311 71% 19%)
- OKLCH
- oklch(0.8 0.043 332.2)
- OKLab
- oklab(0.8 0.038 -0.02)
- CIE Lab
- lab(76.18 12.85 -7.41)
- LCH
- lch(76.18 14.83 330)
- CMYK
- cmyk(0% 13% 2% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4BBCF
- D9C3D4
- DDCADA
- E2D2DF
- E7D9E4
- ECE1EA
- F1E8EF
- F5F0F4
- FAF7FA
Sắc đậm
- B49CAF
- 998595
- 7F6E7C
- 675864
- 4F444D
- 383037
- 231D22
- 100C0F
- 020202
Sắc xám
- C7AFC2
- BFA9BB
- B7A4B3
- AF9FAC
- A79AA4
- 9F959D
- 978F96
- 8F8A8E
- 888587
Hòa sắc
Bổ túc +180°
- CFB4CA
Purple Poodle
- AAC6B0
≈ Gum Leaf
Tương đồng -30° +30°
- CFB4CA
Purple Poodle
- C3B8D5
≈ Lilac Lust
- D7B3BB
≈ Floss
Bộ ba +120° +240°
- CFB4CA
Purple Poodle
- C7BD9F
≈ Lush
- 9FC6CE
≈ Agua Fría
Bổ túc chia +150° +210°
- CFB4CA
Purple Poodle
- B9C3A4
≈ Chopped Dill
- A0C7C0
≈ New-Age Green
Bộ bốn +90° +180° +270°
- CFB4CA
Purple Poodle
- D2B8A2
≈ Sonoran Desert
- AAC6B0
≈ Gum Leaf
- A6C2D7
≈ Blue Bows
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.90:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.03:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--purple-poodle: #cfb4ca;
--purple-poodle-rgb: 207 180 202;
--purple-poodle-oklch: oklch(0.8 0.043 332.2);
}
.element {
color: var(--purple-poodle);
background-color: hsl(311 22% 76%);
border-color: oklch(0.8 0.043 332.2);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #cfb4ca;
--color-purple-poodle-50: #fdf1fa;
--color-purple-poodle-100: #f1e3ee;
--color-purple-poodle-200: #e0cedc;
--color-purple-poodle-300: #c6b0c0;
--color-purple-poodle-400: #ae96aa;
--color-purple-poodle-500: #987c93;
--color-purple-poodle-600: #80697c;
--color-purple-poodle-700: #675463;
--color-purple-poodle-800: #4b3d49;
--color-purple-poodle-900: #342a33;
--color-purple-poodle-950: #20181f;
}SCSS
$purple-poodle: #cfb4ca;
$purple-poodle-rgb: 207, 180, 202;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}