Màu có tên gần nhất · #8CD7C2
#8CD7C2
Màu có tên gần nhất: Cabbage
#8CD7C2 (rgb(140 215 194), hsl(163 48% 70%), oklch(0.824 0.081 174.6)) gần nhất với màu có tên Cabbage. 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.
#8CD7C2
oklch(0.824 0.081 174.6)
Chuyển đổi màu
- HEX
- #8cd7c2
- RGB
- rgb(140 215 194)
- HSL
- hsl(163 48% 70%)
- HWB
- hwb(163 55% 16%)
- OKLCH
- oklch(0.824 0.081 174.6)
- OKLab
- oklab(0.824 -0.08 0.008)
- CIE Lab
- lab(80.64 -27.78 2.63)
- LCH
- lch(80.64 27.91 174.6)
- CMYK
- cmyk(35% 0% 10% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 98DBC8
- A5DFCE
- B0E3D4
- BCE7DA
- C7EBE0
- D3EFE6
- DEF3EC
- E9F7F3
- F4FBF9
Sắc đậm
- 79BBA8
- 679F8F
- 558577
- 436B60
- 335249
- 233B34
- 142520
- 07110E
- 010202
Sắc xám
- 8CCEBB
- 8BC5B4
- 8BBCAE
- 8AB4A7
- 89ABA0
- 87A29A
- 869993
- 84918D
- 828886
Hòa sắc
Bổ túc +180°
- 8CD7C2
Cabbage
- F0B0C8
≈ Pink Frenzy
Tương đồng -30° +30°
- 8CD7C2
Cabbage
- A5D4A5
≈ Pistachio Green
- 83D5DE
≈ VIC 20 Sky
Bộ ba +120° +240°
- 8CD7C2
Cabbage
- C8BCF5
≈ Connecticut Lilac
- EFB894
≈ Chilli Dip
Bổ túc chia +150° +210°
- 8CD7C2
Cabbage
- E0B4E3
≈ Pretty Petunia
- F6B1AB
≈ Sango Pink
Bộ bốn +90° +180° +270°
- 8CD7C2
Cabbage
- ACC5FB
≈ Night Snow
- F0B0C8
≈ Pink Frenzy
- DEC289
≈ Farina
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.66:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.61:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--cabbage: #8cd7c2;
--cabbage-rgb: 140 215 194;
--cabbage-oklch: oklch(0.824 0.081 174.6);
}
.element {
color: var(--cabbage);
background-color: hsl(163 48% 70%);
border-color: oklch(0.824 0.081 174.6);
}Tailwind CSS v4
@theme {
--color-cabbage: #8cd7c2;
--color-cabbage-50: #defdf4;
--color-cabbage-100: #cdf1e7;
--color-cabbage-200: #b1e0d3;
--color-cabbage-300: #8bc5b6;
--color-cabbage-400: #68ae9b;
--color-cabbage-500: #439883;
--color-cabbage-600: #3a806f;
--color-cabbage-700: #2e6758;
--color-cabbage-800: #214b3f;
--color-cabbage-900: #16342c;
--color-cabbage-950: #062019;
}SCSS
$cabbage: #8cd7c2;
$cabbage-rgb: 140, 215, 194;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}