Màu có tên gần nhất · #86C1A5
#86C1A5
Màu có tên gần nhất: Celadon Porcelain
#86C1A5 (rgb(134 193 165), hsl(152 32% 64%), oklch(0.762 0.073 163.5)) gần nhất với màu có tên Celadon Porcelain. 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.
#86C1A5
oklch(0.762 0.073 163.5)
Chuyển đổi màu
- HEX
- #86c1a5
- RGB
- rgb(134 193 165)
- HSL
- hsl(152 32% 64%)
- HWB
- hwb(152 53% 24%)
- OKLCH
- oklch(0.762 0.073 163.5)
- OKLab
- oklab(0.762 -0.07 0.021)
- CIE Lab
- lab(73.43 -24.37 7.76)
- LCH
- lch(73.43 25.57 162.3)
- CMYK
- cmyk(31% 0% 15% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 92C7AE
- 9FCDB6
- ABD4BF
- B7DAC8
- C3E0D1
- CFE6DA
- DBECE3
- E7F3EC
- F3F9F6
Sắc đậm
- 74A78F
- 628F79
- 517765
- 405F51
- 30493D
- 21342B
- 13201A
- 060E0A
- 010201
Sắc xám
- 86BAA1
- 86B49E
- 86AD9A
- 85A796
- 85A092
- 849A8F
- 83938B
- 828D87
- 818684
Hòa sắc
Bổ túc +180°
- 86C1A5
Celadon Porcelain
- D4A0BE
≈ Pastel Lavender
Tương đồng -30° +30°
- 86C1A5
Celadon Porcelain
- 9FBC8D
≈ Glendale
- 78C1BF
≈ Gentle Wave
Bộ ba +120° +240°
- 86C1A5
Celadon Porcelain
- ABACE0
≈ Maximum Blue Purple
- DBA38C
≈ Apricotta
Bổ túc chia +150° +210°
- 86C1A5
Celadon Porcelain
- C3A5D3
≈ Lilac Lace
- DC9FA4
≈ Pink Pussycat
Bộ bốn +90° +180° +270°
- 86C1A5
Celadon Porcelain
- 91B5E0
≈ Echo Isles Water
- D4A0BE
≈ Pastel Lavender
- CEAB7E
≈ Flax Straw
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.06:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.18:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--celadon-porcelain: #86c1a5;
--celadon-porcelain-rgb: 134 193 165;
--celadon-porcelain-oklch: oklch(0.762 0.073 163.5);
}
.element {
color: var(--celadon-porcelain);
background-color: hsl(152 32% 64%);
border-color: oklch(0.762 0.073 163.5);
}Tailwind CSS v4
@theme {
--color-celadon-porcelain: #86c1a5;
--color-celadon-porcelain-50: #e3fcf0;
--color-celadon-porcelain-100: #d2f0e2;
--color-celadon-porcelain-200: #b8dfcd;
--color-celadon-porcelain-300: #94c4ae;
--color-celadon-porcelain-400: #75ac92;
--color-celadon-porcelain-500: #559679;
--color-celadon-porcelain-600: #497f66;
--color-celadon-porcelain-700: #3a6552;
--color-celadon-porcelain-800: #2a4a3a;
--color-celadon-porcelain-900: #1c3428;
--color-celadon-porcelain-950: #0c1f16;
}SCSS
$celadon-porcelain: #86c1a5;
$celadon-porcelain-rgb: 134, 193, 165;
$celadon-porcelain-light: mix(#fff, $celadon-porcelain, 20%);
$celadon-porcelain-dark: mix(#000, $celadon-porcelain, 20%);
.element {
color: $celadon-porcelain;
box-shadow: 0 0 0 2px rgba($celadon-porcelain, 0.35);
}