Màu có tên gần nhất · #C5D0F8
#C5D0F8
Màu có tên gần nhất: Frozen Periwinkle
#C5D0F8 (rgb(197 208 248), hsl(227 78% 87%), oklch(0.862 0.057 273.1)) gần nhất với màu có tên Frozen Periwinkle. 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.
#C5D0F8
oklch(0.862 0.057 273.1)
Chuyển đổi màu
- HEX
- #c5d0f8
- RGB
- rgb(197 208 248)
- HSL
- hsl(227 78% 87%)
- HWB
- hwb(227 77% 3%)
- OKLCH
- oklch(0.862 0.057 273.1)
- OKLab
- oklab(0.862 0.003 -0.057)
- CIE Lab
- lab(83.62 2.33 -21.06)
- LCH
- lch(83.62 21.19 276.3)
- CMYK
- cmyk(21% 16% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CBD5F9
- D0D9FA
- D6DEFA
- DCE3FB
- E2E7FC
- E7ECFD
- EDF1FD
- F3F6FE
- F9FAFE
Sắc đậm
- ABB5D8
- 929AB8
- 79809A
- 61677C
- 4B4F60
- 353945
- 21232C
- 0E1015
- 020203
Sắc xám
- BEC8EB
- B7C0DF
- B0B7D3
- A9AFC7
- A2A7BB
- 9B9FAF
- 9497A3
- 8D9097
- 87888B
Hòa sắc
Bổ túc +180°
- C5D0F8
Frozen Periwinkle
- DED2A8
≈ Bleached Wheat
Tương đồng -30° +30°
- C5D0F8
Frozen Periwinkle
- B2D7F5
≈ Blue Rice
- D9C9F1
≈ Foggy Love
Bộ ba +120° +240°
- C5D0F8
Frozen Periwinkle
- F5C5BA
≈ Serene Pink
- B6DDC0
≈ Ice Mist
Bổ túc chia +150° +210°
- C5D0F8
Frozen Periwinkle
- EDCAAC
≈ Caramel Ice
- CAD8B0
≈ Chinese Leaf
Bộ bốn +90° +180° +270°
- C5D0F8
Frozen Periwinkle
- F3C3CE
≈ In the Pink
- DED2A8
≈ Bleached Wheat
- A9DFD5
≈ Jaded Clouds
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.52:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.75:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--frozen-periwinkle: #c5d0f8;
--frozen-periwinkle-rgb: 197 208 248;
--frozen-periwinkle-oklch: oklch(0.862 0.057 273.1);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(227 78% 87%);
border-color: oklch(0.862 0.057 273.1);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c5d0f8;
--color-frozen-periwinkle-50: #f0f4ff;
--color-frozen-periwinkle-100: #e2e7fc;
--color-frozen-periwinkle-200: #cdd3ed;
--color-frozen-periwinkle-300: #aeb6d5;
--color-frozen-periwinkle-400: #939dc1;
--color-frozen-periwinkle-500: #7984ac;
--color-frozen-periwinkle-600: #677092;
--color-frozen-periwinkle-700: #525975;
--color-frozen-periwinkle-800: #3b4156;
--color-frozen-periwinkle-900: #282d3c;
--color-frozen-periwinkle-950: #161a26;
}SCSS
$frozen-periwinkle: #c5d0f8;
$frozen-periwinkle-rgb: 197, 208, 248;
$frozen-periwinkle-light: mix(#fff, $frozen-periwinkle, 20%);
$frozen-periwinkle-dark: mix(#000, $frozen-periwinkle, 20%);
.element {
color: $frozen-periwinkle;
box-shadow: 0 0 0 2px rgba($frozen-periwinkle, 0.35);
}