Màu có tên gần nhất · #C7BBFF
#C7BBFF
Màu có tên gần nhất: Violet Heaven
#C7BBFF (rgb(199 187 255), hsl(251 100% 87%), oklch(0.826 0.095 292.3)) gần nhất với màu có tên Violet Heaven. 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.
#C7BBFF
oklch(0.826 0.095 292.3)
Chuyển đổi màu
- HEX
- #c7bbff
- RGB
- rgb(199 187 255)
- HSL
- hsl(251 100% 87%)
- HWB
- hwb(251 73% 0%)
- OKLCH
- oklch(0.826 0.095 292.3)
- OKLab
- oklab(0.826 0.036 -0.088)
- CIE Lab
- lab(78.69 14.76 -32.21)
- LCH
- lch(78.69 35.43 294.6)
- CMYK
- cmyk(22% 27% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CCC2FF
- D2C9FF
- D7D0FF
- DDD6FF
- E2DDFF
- E8E4FF
- EEEBFF
- F3F1FF
- F9F8FF
Sắc đậm
- ADA2DE
- 938ABE
- 7A739E
- 625C80
- 4C4663
- 363248
- 211F2E
- 0E0D16
- 020203
Sắc xám
- C0B5F2
- B8AFE5
- B1A9D8
- AAA3CB
- A39DBE
- 9B98B2
- 9492A5
- 8E8C99
- 87868C
Hòa sắc
Bổ túc +180°
- C7BBFF
Violet Heaven
- C7CD84
≈ Soft Celery
Tương đồng -30° +30°
- C7BBFF
Violet Heaven
- A8C7FF
≈ Night Snow
- E4B2EB
≈ Candy Dreams
Bộ ba +120° +240°
- C7BBFF
Violet Heaven
- F8B58C
≈ Desert Sunrise
- 81DABF
≈ Pearl Aqua
Bổ túc chia +150° +210°
- C7BBFF
Violet Heaven
- E5C07D
≈ Deserted Path
- A2D69D
≈ Green Trance
Bộ bốn +90° +180° +270°
- C7BBFF
Violet Heaven
- FEAEAA
≈ Cornflower Lilac
- C7CD84
≈ Soft Celery
- 74D8E1
≈ Aquamarine Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.98:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--violet-heaven: #c7bbff;
--violet-heaven-rgb: 199 187 255;
--violet-heaven-oklch: oklch(0.826 0.095 292.3);
}
.element {
color: var(--violet-heaven);
background-color: hsl(251 100% 87%);
border-color: oklch(0.826 0.095 292.3);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c7bbff;
--color-violet-heaven-50: #f6f0ff;
--color-violet-heaven-100: #e9e2ff;
--color-violet-heaven-200: #d6cdfa;
--color-violet-heaven-300: #baaee4;
--color-violet-heaven-400: #a094d2;
--color-violet-heaven-500: #887ac0;
--color-violet-heaven-600: #7367a2;
--color-violet-heaven-700: #5c5382;
--color-violet-heaven-800: #423c61;
--color-violet-heaven-900: #2e2944;
--color-violet-heaven-950: #1a172c;
}SCSS
$violet-heaven: #c7bbff;
$violet-heaven-rgb: 199, 187, 255;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}