Màu có tên gần nhất · #AFCDF6
#AFCDF6
Màu có tên gần nhất: Night Snow
#AFCDF6 (rgb(175 205 246), hsl(215 80% 83%), oklch(0.84 0.066 256.3)) gần nhất với màu có tên Night Snow. 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.
#AFCDF6
oklch(0.84 0.066 256.3)
Chuyển đổi màu
- HEX
- #afcdf6
- RGB
- rgb(175 205 246)
- HSL
- hsl(215 80% 83%)
- HWB
- hwb(215 69% 4%)
- OKLCH
- oklch(0.84 0.066 256.3)
- OKLab
- oklab(0.84 -0.016 -0.064)
- CIE Lab
- lab(81.23 -3.46 -23.77)
- LCH
- lch(81.23 24.02 261.7)
- CMYK
- cmyk(29% 17% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B7D2F7
- BFD7F8
- C7DCF9
- CFE1FA
- D7E6FB
- DFEBFC
- E7F0FD
- EFF5FE
- F7FAFE
Sắc đậm
- 98B2D6
- 8198B7
- 6B7E98
- 56667B
- 414E5F
- 2E3845
- 1C232C
- 0B0F15
- 010203
Sắc xám
- AAC5EA
- A6BDDE
- A1B5D1
- 9CAEC6
- 97A6BA
- 939EAE
- 8E97A2
- 898F97
- 85878B
Hòa sắc
Bổ túc +180°
- AFCDF6
Night Snow
- E4C59B
≈ Faint Fawn
Tương đồng -30° +30°
- AFCDF6
Night Snow
- 9DD4EC
≈ Over the Sky
- C6C5F5
≈ Light Periwinkle
Bộ ba +120° +240°
- AFCDF6
Night Snow
- F3BABC
≈ Petals Unfolding
- B7D5AA
≈ Bleached Spruce
Bổ túc chia +150° +210°
- AFCDF6
Night Snow
- F0BEA7
≈ Sun-Kissed Apricot
- D0CE9C
≈ Vegetarian Vulture
Bộ bốn +90° +180° +270°
- AFCDF6
Night Snow
- ECBAD3
≈ Sweet Taffy
- E4C59B
≈ Faint Fawn
- A2D9C1
≈ Isabella’s Aqua
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.62:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.88:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
CSS
:root {
--night-snow: #afcdf6;
--night-snow-rgb: 175 205 246;
--night-snow-oklch: oklch(0.84 0.066 256.3);
}
.element {
color: var(--night-snow);
background-color: hsl(215 80% 83%);
border-color: oklch(0.84 0.066 256.3);
}Tailwind CSS v4
@theme {
--color-night-snow: #afcdf6;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dbe9ff;
--color-night-snow-200: #c3d6f1;
--color-night-snow-300: #a3b9da;
--color-night-snow-400: #85a0c6;
--color-night-snow-500: #6988b2;
--color-night-snow-600: #597396;
--color-night-snow-700: #475c79;
--color-night-snow-800: #324459;
--color-night-snow-900: #222f3e;
--color-night-snow-950: #111b27;
}SCSS
$night-snow: #afcdf6;
$night-snow-rgb: 175, 205, 246;
$night-snow-light: mix(#fff, $night-snow, 20%);
$night-snow-dark: mix(#000, $night-snow, 20%);
.element {
color: $night-snow;
box-shadow: 0 0 0 2px rgba($night-snow, 0.35);
}