Màu có tên gần nhất · #9BD3DF
#9BD3DF
Màu có tên gần nhất: Infinity Pool
#9BD3DF (rgb(155 211 223), hsl(191 52% 74%), oklch(0.832 0.06 212.4)) gần nhất với màu có tên Infinity Pool. 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.
#9BD3DF
oklch(0.832 0.06 212.4)
Chuyển đổi màu
- HEX
- #9bd3df
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- HWB
- hwb(191 61% 13%)
- OKLCH
- oklch(0.832 0.06 212.4)
- OKLab
- oklab(0.832 -0.051 -0.032)
- CIE Lab
- lab(81 -16.56 -12.09)
- LCH
- lch(81 20.5 216.1)
- CMYK
- cmyk(30% 5% 0% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A5D7E2
- B0DCE5
- BAE0E9
- C4E5EC
- CEE9EF
- D8EDF2
- E2F2F5
- EBF6F9
- F5FBFC
Sắc đậm
- 86B7C2
- 729CA5
- 5E828A
- 4B696F
- 395156
- 283A3D
- 182427
- 091012
- 010202
Sắc xám
- 99CAD5
- 96C2CB
- 94B9C2
- 91B1B8
- 8FA9AE
- 8CA0A5
- 89989C
- 869092
- 838889
Hòa sắc
Bổ túc +180°
- 9BD3DF
Infinity Pool
- ECBBB0
≈ Peach Souffle
Tương đồng -30° +30°
- 9BD3DF
Infinity Pool
- 9DD5CB
≈ Aqua Glow
- A7CEEC
≈ Sail
Bộ ba +120° +240°
- 9BD3DF
Infinity Pool
- E0BAD9
≈ Posies
- D6C89C
≈ Parsnip
Bổ túc chia +150° +210°
- 9BD3DF
Infinity Pool
- EBB8C5
≈ Chantilly
- E5C0A1
≈ Fabulous Fawn
Bộ bốn +90° +180° +270°
- 9BD3DF
Infinity Pool
- CFBFE9
≈ York Plum
- ECBBB0
≈ Peach Souffle
- C1CFA4
≈ Spumoni Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.77:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--infinity-pool: #9bd3df;
--infinity-pool-rgb: 155 211 223;
--infinity-pool-oklch: oklch(0.832 0.06 212.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 52% 74%);
border-color: oklch(0.832 0.06 212.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #9bd3df;
--color-infinity-pool-50: #e3faff;
--color-infinity-pool-100: #d2eef4;
--color-infinity-pool-200: #b8dbe4;
--color-infinity-pool-300: #95c0ca;
--color-infinity-pool-400: #75a8b3;
--color-infinity-pool-500: #54919d;
--color-infinity-pool-600: #487b85;
--color-infinity-pool-700: #39626b;
--color-infinity-pool-800: #28484e;
--color-infinity-pool-900: #1b3236;
--color-infinity-pool-950: #0b1e21;
}SCSS
$infinity-pool: #9bd3df;
$infinity-pool-rgb: 155, 211, 223;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}