Màu có tên gần nhất · #6FCDC3
#6FCDC3
Màu có tên gần nhất: Hidden Sea Glass
#6FCDC3 (rgb(111 205 195), hsl(174 48% 62%), oklch(0.788 0.091 186.6)) 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.
#6FCDC3
oklch(0.788 0.091 186.6)
Chuyển đổi màu
- HEX
- #6fcdc3
- RGB
- rgb(111 205 195)
- HSL
- hsl(174 48% 62%)
- HWB
- hwb(174 44% 20%)
- OKLCH
- oklch(0.788 0.091 186.6)
- OKLab
- oklab(0.788 -0.091 -0.01)
- CIE Lab
- lab(76.44 -31.07 -4.16)
- LCH
- lch(76.44 31.35 187.6)
- CMYK
- cmyk(46% 0% 5% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 80D2C9
- 8FD7CF
- 9EDCD5
- ADE1DB
- BBE6E1
- C9EBE7
- D7F0ED
- E4F5F3
- F2FAF9
Sắc đậm
- 60B2A9
- 519890
- 427E78
- 346660
- 274E4A
- 1A3834
- 0E2320
- 040F0E
- 010202
Sắc xám
- 73C5BC
- 76BDB5
- 79B6AE
- 7BAEA8
- 7DA6A1
- 7E9E9A
- 7F9794
- 808F8D
- 808886
Hòa sắc
Bổ túc +180°
- 6FCDC3
Hidden Sea Glass
- EDA1B0
≈ Pinque
Tương đồng -30° +30°
- 6FCDC3
Hidden Sea Glass
- 88CCA2
≈ Frost Gum
- 70C9E0
≈ Hawaiian Breeze
Bộ ba +120° +240°
- 6FCDC3
Hidden Sea Glass
- C9ABE8
≈ Tropical Violet
- E2AF7A
≈ Wooden Sword
Bổ túc chia +150° +210°
- 6FCDC3
Hidden Sea Glass
- E0A4D0
≈ Chateau Rose
- EEA591
≈ Stone Fruit
Bộ bốn +90° +180° +270°
- 6FCDC3
Hidden Sea Glass
- AAB5F4
≈ Wondrous Wisteria
- EDA1B0
≈ Pinque
- CABA75
≈ Pistachio Shortbread
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.87:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.19:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--hidden-sea-glass: #6fcdc3;
--hidden-sea-glass-rgb: 111 205 195;
--hidden-sea-glass-oklch: oklch(0.788 0.091 186.6);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(174 48% 62%);
border-color: oklch(0.788 0.091 186.6);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #6fcdc3;
--color-hidden-sea-glass-50: #d9fefa;
--color-hidden-sea-glass-100: #c6f2ee;
--color-hidden-sea-glass-200: #a8e1dc;
--color-hidden-sea-glass-300: #7fc7c0;
--color-hidden-sea-glass-400: #57b0a7;
--color-hidden-sea-glass-500: #239990;
--color-hidden-sea-glass-600: #22827a;
--color-hidden-sea-glass-700: #1b6861;
--color-hidden-sea-glass-800: #124c46;
--color-hidden-sea-glass-900: #0c3531;
--color-hidden-sea-glass-950: #00201d;
}SCSS
$hidden-sea-glass: #6fcdc3;
$hidden-sea-glass-rgb: 111, 205, 195;
$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);
}