Màu có tên gần nhất · #54D0CB
#54D0CB
Màu có tên gần nhất: Hidden Sea Glass
#54D0CB (rgb(84 208 203), hsl(178 57% 57%), oklch(0.787 0.109 191.5)) 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.
#54D0CB
oklch(0.787 0.109 191.5)
Chuyển đổi màu
- HEX
- #54d0cb
- RGB
- rgb(84 208 203)
- HSL
- hsl(178 57% 57%)
- HWB
- hwb(178 33% 18%)
- OKLCH
- oklch(0.787 0.109 191.5)
- OKLab
- oklab(0.787 -0.107 -0.022)
- CIE Lab
- lab(76.56 -36.63 -8.39)
- LCH
- lch(76.56 37.57 192.9)
- CMYK
- cmyk(60% 0% 2% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6BD5D0
- 7FDAD5
- 91DFDA
- A2E3E0
- B3E8E5
- C3EDEA
- D2F1EF
- E1F6F4
- F0FBFA
Sắc đậm
- 48B5B0
- 3C9A96
- 31807D
- 266765
- 1B4F4D
- 113937
- 082322
- 02100F
- 000202
Sắc xám
- 5DC8C3
- 65C0BC
- 6BB8B4
- 70B0AC
- 74A8A5
- 78A09D
- 7B9896
- 7D908F
- 7F8887
Hòa sắc
Bổ túc +180°
- 54D0CB
Hidden Sea Glass
- F79CA8
≈ Sweet 60
Tương đồng -30° +30°
- 54D0CB
Hidden Sea Glass
- 74D0A3
≈ Crystal Gem
- 5ECAEB
≈ Spritzig
Bộ ba +120° +240°
- 54D0CB
Hidden Sea Glass
- D1A5ED
≈ Bright Ube
- E6AE67
≈ Gilt Trip
Bổ túc chia +150° +210°
- 54D0CB
Hidden Sea Glass
- EA9ECE
≈ Blossoms in Spring
- F6A282
≈ Creamy Peach
Bộ bốn +90° +180° +270°
- 54D0CB
Hidden Sea Glass
- AEB1FF
≈ Winterspring Lilac
- F79CA8
≈ Sweet 60
- C8BC65
≈ Baby Frog
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.86:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.26:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.26:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--hidden-sea-glass: #54d0cb;
--hidden-sea-glass-rgb: 84 208 203;
--hidden-sea-glass-oklch: oklch(0.787 0.109 191.5);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(178 57% 57%);
border-color: oklch(0.787 0.109 191.5);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #54d0cb;
--color-hidden-sea-glass-50: #d2fffe;
--color-hidden-sea-glass-100: #bef4f2;
--color-hidden-sea-glass-200: #9ce4e1;
--color-hidden-sea-glass-300: #6ec9c7;
--color-hidden-sea-glass-400: #3bb3ae;
--color-hidden-sea-glass-500: #009c98;
--color-hidden-sea-glass-600: #008481;
--color-hidden-sea-glass-700: #006a67;
--color-hidden-sea-glass-800: #004e4a;
--color-hidden-sea-glass-900: #003634;
--color-hidden-sea-glass-950: #00211f;
}SCSS
$hidden-sea-glass: #54d0cb;
$hidden-sea-glass-rgb: 84, 208, 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);
}