Màu có tên gần nhất · #7CD5CB
#7CD5CB
Màu có tên gần nhất: Hidden Sea Glass
#7CD5CB (rgb(124 213 203), hsl(173 51% 66%), oklch(0.814 0.087 186.4)) 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.
#7CD5CB
oklch(0.814 0.087 186.4)
Chuyển đổi màu
- HEX
- #7cd5cb
- RGB
- rgb(124 213 203)
- HSL
- hsl(173 51% 66%)
- HWB
- hwb(173 49% 16%)
- OKLCH
- oklch(0.814 0.087 186.4)
- OKLab
- oklab(0.814 -0.087 -0.01)
- CIE Lab
- lab(79.5 -29.77 -3.89)
- LCH
- lch(79.5 30.02 187.4)
- CMYK
- cmyk(42% 0% 5% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8BD9D0
- 99DED5
- A7E2DA
- B4E6E0
- C1EAE5
- CEEFEA
- DAF3EF
- E6F7F4
- F3FBFA
Sắc đậm
- 6BB9B0
- 5A9E96
- 4A837D
- 3B6A65
- 2C514D
- 1E3A37
- 112422
- 05100F
- 010202
Sắc xám
- 7ECCC3
- 80C4BC
- 81BBB4
- 82B2AC
- 82AAA5
- 82A19D
- 829996
- 82918E
- 818887
Hòa sắc
Bổ túc +180°
- 7CD5CB
Hidden Sea Glass
- F4ABB9
≈ Baby Fish Mouth
Tương đồng -30° +30°
- 7CD5CB
Hidden Sea Glass
- 93D4AB
≈ Chinook
- 7DD1E7
≈ Summer Splash
Bộ ba +120° +240°
- 7CD5CB
Hidden Sea Glass
- D1B4EF
≈ Violet Heaven
- E9B885
≈ Mom’s Apple Pie
Bổ túc chia +150° +210°
- 7CD5CB
Hidden Sea Glass
- E7ADD8
≈ Flower Power
- F5AF9B
≈ Stucco Wall
Bộ bốn +90° +180° +270°
- 7CD5CB
Hidden Sea Glass
- B3BEFB
≈ Dried Lilac
- F4ABB9
≈ Baby Fish Mouth
- D3C380
≈ Winter Hazel
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.71:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.23:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--hidden-sea-glass: #7cd5cb;
--hidden-sea-glass-rgb: 124 213 203;
--hidden-sea-glass-oklch: oklch(0.814 0.087 186.4);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(173 51% 66%);
border-color: oklch(0.814 0.087 186.4);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #7cd5cb;
--color-hidden-sea-glass-50: #dafefa;
--color-hidden-sea-glass-100: #c8f2ed;
--color-hidden-sea-glass-200: #aae1db;
--color-hidden-sea-glass-300: #82c6c0;
--color-hidden-sea-glass-400: #5cafa6;
--color-hidden-sea-glass-500: #2d998f;
--color-hidden-sea-glass-600: #298179;
--color-hidden-sea-glass-700: #216761;
--color-hidden-sea-glass-800: #164c46;
--color-hidden-sea-glass-900: #0e3530;
--color-hidden-sea-glass-950: #02201d;
}SCSS
$hidden-sea-glass: #7cd5cb;
$hidden-sea-glass-rgb: 124, 213, 203;
$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);
}