Màu có tên gần nhất · #84D4E7
#84D4E7
Màu có tên gần nhất: Infinity Pool
#84D4E7 (rgb(132 212 231), hsl(192 67% 71%), oklch(0.825 0.083 214.5)) 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.
#84D4E7
oklch(0.825 0.083 214.5)
Chuyển đổi màu
- HEX
- #84d4e7
- RGB
- rgb(132 212 231)
- HSL
- hsl(192 67% 71%)
- HWB
- hwb(192 52% 9%)
- OKLCH
- oklch(0.825 0.083 214.5)
- OKLab
- oklab(0.825 -0.068 -0.047)
- CIE Lab
- lab(80.28 -21.92 -17.55)
- LCH
- lch(80.28 28.08 218.7)
- CMYK
- cmyk(43% 8% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 92D8EA
- 9FDDEC
- ABE1EE
- B8E6F1
- C4EAF3
- D0EEF6
- DCF2F8
- E8F7FA
- F3FBFD
Sắc đậm
- 72B8C9
- 609DAB
- 4F838F
- 3F6973
- 2F5159
- 203A40
- 122428
- 061013
- 010203
Sắc xám
- 85CBDC
- 85C3D2
- 86BAC7
- 86B2BD
- 85A9B2
- 85A1A8
- 84999E
- 839094
- 82888A
Hòa sắc
Bổ túc +180°
- 84D4E7
Infinity Pool
- F6B3A2
≈ Mystic Tulip
Tương đồng -30° +30°
- 84D4E7
Infinity Pool
- 85D8CC
≈ Mintos
- 98CCF8
≈ Honolulu
Bộ ba +120° +240°
- 84D4E7
Infinity Pool
- E8B2DC
≈ Pink Gems
- D7C687
≈ Wine Yellow
Bổ túc chia +150° +210°
- 84D4E7
Infinity Pool
- F5B0BF
≈ Sweet Caroline
- ECBB8D
≈ Gold Vessel
Bộ bốn +90° +180° +270°
- 84D4E7
Infinity Pool
- D2B9F2
≈ Connecticut Lilac
- F6B3A2
≈ Mystic Tulip
- BAD094
≈ Haricot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.67:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.55:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--infinity-pool: #84d4e7;
--infinity-pool-rgb: 132 212 231;
--infinity-pool-oklch: oklch(0.825 0.083 214.5);
}
.element {
color: var(--infinity-pool);
background-color: hsl(192 67% 71%);
border-color: oklch(0.825 0.083 214.5);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #84d4e7;
--color-infinity-pool-50: #dcfcff;
--color-infinity-pool-100: #caeffa;
--color-infinity-pool-200: #addeeb;
--color-infinity-pool-300: #86c2d3;
--color-infinity-pool-400: #60abbd;
--color-infinity-pool-500: #3694a8;
--color-infinity-pool-600: #307d8e;
--color-infinity-pool-700: #266472;
--color-infinity-pool-800: #194a53;
--color-infinity-pool-900: #10333a;
--color-infinity-pool-950: #031f24;
}SCSS
$infinity-pool: #84d4e7;
$infinity-pool-rgb: 132, 212, 231;
$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);
}