Màu có tên · #70BBBF
Aqua Sky
Aqua Sky là #70BBBF: rgb(112 187 191), hsl(183 38% 59%), oklch(0.745 0.075 200.1). 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.
What does Cyan mean? → · Aqua Sky color name →
#70BBBF
oklch(0.745 0.075 200.1)
Chuyển đổi màu
- HEX
- #70bbbf
- RGB
- rgb(112 187 191)
- HSL
- hsl(183 38% 59%)
- HWB
- hwb(183 44% 25%)
- OKLCH
- oklch(0.745 0.075 200.1)
- OKLab
- oklab(0.745 -0.07 -0.026)
- CIE Lab
- lab(71.14 -23.54 -9.77)
- LCH
- lch(71.14 25.49 202.5)
- CMYK
- cmyk(41% 2% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 80C2C5
- 8EC9CC
- 9DCFD2
- ABD6D8
- B9DDDF
- C7E4E5
- D5EBEC
- E3F1F2
- F1F8F8
Sắc đậm
- 60A2A6
- 518A8D
- 437375
- 355C5E
- 274648
- 1A3233
- 0E1F1F
- 040D0D
- 010202
Sắc xám
- 73B5B9
- 76AFB2
- 78A9AC
- 7AA3A5
- 7B9D9F
- 7D9799
- 7E9292
- 7F8C8C
- 808686
Hòa sắc
Bổ túc +180°
- 70BBBF
Aqua Sky
- D89A99
≈ Blushing Bud
Tương đồng -30° +30°
- 70BBBF
Aqua Sky
- 7BBCA5
≈ Celadon Porcelain
- 7AB6D3
≈ Regale Blue
Bộ ba +120° +240°
- 70BBBF
Aqua Sky
- C29DCA
≈ Lilac Pink
- C5A876
≈ Gold Rush
Bổ túc chia +150° +210°
- 70BBBF
Aqua Sky
- D299B3
≈ Exotic Lilac
- D49F82
≈ Orange Maple
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 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.54:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--aqua-sky: #70bbbf;
--aqua-sky-rgb: 112 187 191;
--aqua-sky-oklch: oklch(0.745 0.075 200.1);
}
.element {
color: var(--aqua-sky);
background-color: hsl(183 38% 59%);
border-color: oklch(0.745 0.075 200.1);
}Tailwind CSS v4
@theme {
--color-aqua-sky: #70bbbf;
--color-aqua-sky-50: #ddfcfe;
--color-aqua-sky-100: #ccf0f3;
--color-aqua-sky-200: #b0dee2;
--color-aqua-sky-300: #89c3c8;
--color-aqua-sky-400: #66acb0;
--color-aqua-sky-500: #3f959a;
--color-aqua-sky-600: #377e82;
--color-aqua-sky-700: #2b6568;
--color-aqua-sky-800: #1e4a4c;
--color-aqua-sky-900: #143435;
--color-aqua-sky-950: #051f20;
}SCSS
$aqua-sky: #70bbbf;
$aqua-sky-rgb: 112, 187, 191;
$aqua-sky-light: mix(#fff, $aqua-sky, 20%);
$aqua-sky-dark: mix(#000, $aqua-sky, 20%);
.element {
color: $aqua-sky;
box-shadow: 0 0 0 2px rgba($aqua-sky, 0.35);
}