Màu có tên gần nhất · #5CADAD
#5CADAD
Màu có tên gần nhất: Twilight Meadow
#5CADAD (rgb(92 173 173), hsl(180 33% 52%), oklch(0.697 0.079 195.5)) gần nhất với màu có tên Twilight Meadow. 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.
#5CADAD
oklch(0.697 0.079 195.5)
Chuyển đổi màu
- HEX
- #5cadad
- RGB
- rgb(92 173 173)
- HSL
- hsl(180 33% 52%)
- HWB
- hwb(180 36% 32%)
- OKLCH
- oklch(0.697 0.079 195.5)
- OKLab
- oklab(0.697 -0.077 -0.021)
- CIE Lab
- lab(65.65 -25.88 -8.12)
- LCH
- lch(65.65 27.12 197.4)
- CMYK
- cmyk(47% 0% 0% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6EB5B5
- 7FBDBD
- 90C5C5
- A0CECD
- B0D6D5
- C0DEDE
- D0E6E6
- DFEEEE
- EFF7F7
Sắc đậm
- 4F9696
- 427F7F
- 366A6A
- 2A5555
- 1F4141
- 142D2D
- 0A1B1B
- 030B0B
- 000101
Sắc xám
- 62A9A8
- 67A4A4
- 6BA09F
- 6F9B9B
- 739796
- 769292
- 798E8D
- 7B8989
- 7E8584
Hòa sắc
Bổ túc +180°
- 5CADAD
Twilight Meadow
- CA898D
≈ Almond Rose
Tương đồng -30° +30°
- 5CADAD
Twilight Meadow
- 6CAD92
≈ Dublin Jack
- 64A8C3
≈ Blue Mist
Bộ ba +120° +240°
- 5CADAD
Twilight Meadow
- B18FBF
≈ Young Prince
- BA9764
≈ Karak Stone
Bổ túc chia +150° +210°
- 5CADAD
Twilight Meadow
- C28AA8
≈ Rosy
- C78E74
≈ Baker’s Dream
Bộ bốn +90° +180° +270°
- 5CADAD
Twilight Meadow
- 9897CD
≈ Bluebell Frost
- CA898D
≈ Almond Rose
- A4A166
≈ Cocktail Olive
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.61:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 8.03:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--twilight-meadow: #5cadad;
--twilight-meadow-rgb: 92 173 173;
--twilight-meadow-oklch: oklch(0.697 0.079 195.5);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(180 33% 52%);
border-color: oklch(0.697 0.079 195.5);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #5cadad;
--color-twilight-meadow-50: #dcfdfd;
--color-twilight-meadow-100: #caf1f1;
--color-twilight-meadow-200: #addfe0;
--color-twilight-meadow-300: #86c4c6;
--color-twilight-meadow-400: #62adad;
--color-twilight-meadow-500: #389697;
--color-twilight-meadow-600: #317f80;
--color-twilight-meadow-700: #276666;
--color-twilight-meadow-800: #1b4b4a;
--color-twilight-meadow-900: #113433;
--color-twilight-meadow-950: #031f1f;
}SCSS
$twilight-meadow: #5cadad;
$twilight-meadow-rgb: 92, 173, 173;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}