Màu có tên gần nhất · #ACD1EA
#ACD1EA
Màu có tên gần nhất: Vive le Vent
#ACD1EA (rgb(172 209 234), hsl(204 60% 80%), oklch(0.842 0.053 237.8)) gần nhất với màu có tên Vive le Vent. 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.
#ACD1EA
oklch(0.842 0.053 237.8)
Chuyển đổi màu
- HEX
- #acd1ea
- RGB
- rgb(172 209 234)
- HSL
- hsl(204 60% 80%)
- HWB
- hwb(204 67% 8%)
- OKLCH
- oklch(0.842 0.053 237.8)
- OKLab
- oklab(0.842 -0.028 -0.045)
- CIE Lab
- lab(81.77 -8.49 -16.63)
- LCH
- lch(81.77 18.67 243)
- CMYK
- cmyk(26% 11% 0% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B4D6EC
- BDDAEE
- C5DFF1
- CDE3F3
- D5E8F5
- DEEDF7
- E6F1F9
- EEF6FB
- F7FAFD
Sắc đậm
- 95B5CB
- 7F9BAE
- 698191
- 546875
- 40505A
- 2D3941
- 1B2329
- 0B1013
- 010203
Sắc xám
- A8C9DF
- A3C0D4
- 9FB8C9
- 9BB0BE
- 96A8B4
- 92A0A9
- 8D989F
- 899094
- 85888A
Hòa sắc
Bổ túc +180°
- ACD1EA
Vive le Vent
- E6C3AA
≈ Peach Beauty
Tương đồng -30° +30°
- ACD1EA
Vive le Vent
- A4D5DD
≈ Midwinter Mist
- BCCBEF
≈ Cuddle
Bộ ba +120° +240°
- ACD1EA
Vive le Vent
- E9BECB
≈ Childlike
- C8D0AA
≈ Bamboo White
Bổ túc chia +150° +210°
- ACD1EA
Vive le Vent
- ECBFB8
≈ Rosewood Dreams
- DACAA5
≈ Glamorgan Sausage
Bộ bốn +90° +180° +270°
- ACD1EA
Vive le Vent
- DFC0DD
≈ Epiphany
- E6C3AA
≈ Peach Beauty
- B5D5B8
≈ Enchanted Meadow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.60:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.06:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--vive-le-vent: #acd1ea;
--vive-le-vent-rgb: 172 209 234;
--vive-le-vent-oklch: oklch(0.842 0.053 237.8);
}
.element {
color: var(--vive-le-vent);
background-color: hsl(204 60% 80%);
border-color: oklch(0.842 0.053 237.8);
}Tailwind CSS v4
@theme {
--color-vive-le-vent: #acd1ea;
--color-vive-le-vent-50: #e8f8ff;
--color-vive-le-vent-100: #d9ebf8;
--color-vive-le-vent-200: #c1d8e9;
--color-vive-le-vent-300: #a0bcd0;
--color-vive-le-vent-400: #82a4ba;
--color-vive-le-vent-500: #658ca5;
--color-vive-le-vent-600: #56768c;
--color-vive-le-vent-700: #445f70;
--color-vive-le-vent-800: #314552;
--color-vive-le-vent-900: #213039;
--color-vive-le-vent-950: #101c24;
}SCSS
$vive-le-vent: #acd1ea;
$vive-le-vent-rgb: 172, 209, 234;
$vive-le-vent-light: mix(#fff, $vive-le-vent, 20%);
$vive-le-vent-dark: mix(#000, $vive-le-vent, 20%);
.element {
color: $vive-le-vent;
box-shadow: 0 0 0 2px rgba($vive-le-vent, 0.35);
}