Màu có tên gần nhất · #85D5CD
#85D5CD
Màu có tên gần nhất: Hidden Sea Glass
#85D5CD (rgb(133 213 205), hsl(174 49% 68%), oklch(0.819 0.08 187.7)) gần nhất với màu có tên Hidden Sea Glass. 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.
#85D5CD
oklch(0.819 0.08 187.7)
Chuyển đổi màu
- HEX
- #85d5cd
- RGB
- rgb(133 213 205)
- HSL
- hsl(174 49% 68%)
- HWB
- hwb(174 52% 16%)
- OKLCH
- oklch(0.819 0.08 187.7)
- OKLab
- oklab(0.819 -0.079 -0.011)
- CIE Lab
- lab(79.97 -27 -4.22)
- LCH
- lch(79.97 27.33 188.9)
- CMYK
- cmyk(38% 0% 4% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 92D9D2
- 9FDED7
- ACE2DC
- B8E6E1
- C4EAE6
- D0EEEB
- DCF3F0
- E8F7F5
- F3FBFA
Sắc đậm
- 73B9B2
- 619E98
- 50837E
- 406A66
- 30514E
- 213A38
- 132423
- 06100F
- 010202
Sắc xám
- 86CCC5
- 86C4BD
- 86BBB5
- 86B2AD
- 86AAA6
- 85A19E
- 849996
- 83918F
- 828887
Hòa sắc
Bổ túc +180°
- 85D5CD
Hidden Sea Glass
- F2AFBA
≈ Exclusively Yours
Tương đồng -30° +30°
- 85D5CD
Hidden Sea Glass
- 98D4B0
≈ Vista Blue
- 86D1E6
≈ July
Bộ ba +120° +240°
- 85D5CD
Hidden Sea Glass
- D2B7EC
≈ Connecticut Lilac
- E7BB8C
≈ Gold Vessel
Bổ túc chia +150° +210°
- 85D5CD
Hidden Sea Glass
- E7B0D6
≈ Flower Power
- F2B29F
≈ Stucco Wall
Bộ bốn +90° +180° +270°
- 85D5CD
Hidden Sea Glass
- B7C0F8
≈ Vodka
- F2AFBA
≈ Exclusively Yours
- D2C589
≈ Wine Yellow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.69:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.39:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--hidden-sea-glass: #85d5cd;
--hidden-sea-glass-rgb: 133 213 205;
--hidden-sea-glass-oklch: oklch(0.819 0.08 187.7);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(174 49% 68%);
border-color: oklch(0.819 0.08 187.7);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #85d5cd;
--color-hidden-sea-glass-50: #dcfdfa;
--color-hidden-sea-glass-100: #cbf1ed;
--color-hidden-sea-glass-200: #aee0db;
--color-hidden-sea-glass-300: #87c5c0;
--color-hidden-sea-glass-400: #63aea7;
--color-hidden-sea-glass-500: #3a9790;
--color-hidden-sea-glass-600: #338079;
--color-hidden-sea-glass-700: #296661;
--color-hidden-sea-glass-800: #1c4b46;
--color-hidden-sea-glass-900: #133431;
--color-hidden-sea-glass-950: #04201d;
}SCSS
$hidden-sea-glass: #85d5cd;
$hidden-sea-glass-rgb: 133, 213, 205;
$hidden-sea-glass-light: mix(#fff, $hidden-sea-glass, 20%);
$hidden-sea-glass-dark: mix(#000, $hidden-sea-glass, 20%);
.element {
color: $hidden-sea-glass;
box-shadow: 0 0 0 2px rgba($hidden-sea-glass, 0.35);
}