Màu có tên gần nhất · #AAD6EC
#AAD6EC
Màu có tên gần nhất: Ariel
#AAD6EC (rgb(170 214 236), hsl(200 63% 80%), oklch(0.852 0.055 229.8)) gần nhất với màu có tên Ariel. 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.
#AAD6EC
oklch(0.852 0.055 229.8)
Chuyển đổi màu
- HEX
- #aad6ec
- RGB
- rgb(170 214 236)
- HSL
- hsl(200 63% 80%)
- HWB
- hwb(200 67% 7%)
- OKLCH
- oklch(0.852 0.055 229.8)
- OKLab
- oklab(0.852 -0.036 -0.042)
- CIE Lab
- lab(83.04 -11.16 -15.82)
- LCH
- lch(83.04 19.36 234.8)
- CMYK
- cmyk(28% 9% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B3DAEE
- BBDEF0
- C4E2F2
- CCE6F4
- D5EBF6
- DDEFF8
- E6F3FA
- EEF7FB
- F7FBFD
Sắc đậm
- 93BACD
- 7D9EAF
- 688492
- 536A76
- 3F525B
- 2D3B42
- 1B2529
- 0B1013
- 010203
Sắc xám
- A6CDE1
- A2C4D6
- 9EBCCB
- 9AB3C0
- 96AAB5
- 91A2AA
- 8D999F
- 899195
- 84888A
Hòa sắc
Bổ túc +180°
- AAD6EC
Ariel
- EDC5AF
≈ Sweet Pastel
Tương đồng -30° +30°
- AAD6EC
Ariel
- A4DADD
≈ Crystal
- BAD0F3
≈ Frost Fairy
Bộ ba +120° +240°
- AAD6EC
Ariel
- ECC0D4
≈ Guava Glow
- D0D2A9
≈ Olive Martini
Bổ túc chia +150° +210°
- AAD6EC
Ariel
- F1C1C0
≈ Silver Strawberry
- E2CBA6
≈ Hearth
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.55:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.53:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--ariel: #aad6ec;
--ariel-rgb: 170 214 236;
--ariel-oklch: oklch(0.852 0.055 229.8);
}
.element {
color: var(--ariel);
background-color: hsl(200 63% 80%);
border-color: oklch(0.852 0.055 229.8);
}Tailwind CSS v4
@theme {
--color-ariel: #aad6ec;
--color-ariel-50: #e6f8ff;
--color-ariel-100: #d6ecf7;
--color-ariel-200: #bed9e8;
--color-ariel-300: #9cbdcf;
--color-ariel-400: #7da5b9;
--color-ariel-500: #5f8da4;
--color-ariel-600: #51788b;
--color-ariel-700: #40606f;
--color-ariel-800: #2d4651;
--color-ariel-900: #1f3139;
--color-ariel-950: #0e1d23;
}SCSS
$ariel: #aad6ec;
$ariel-rgb: 170, 214, 236;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}