Màu có tên gần nhất · #97DCBF
#97DCBF
Màu có tên gần nhất: Cabbage
#97DCBF (rgb(151 220 191), hsl(155 50% 73%), oklch(0.84 0.081 166.4)) 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.
#97DCBF
oklch(0.84 0.081 166.4)
Chuyển đổi màu
- HEX
- #97dcbf
- RGB
- rgb(151 220 191)
- HSL
- hsl(155 50% 73%)
- HWB
- hwb(155 59% 14%)
- OKLCH
- oklch(0.84 0.081 166.4)
- OKLab
- oklab(0.84 -0.078 0.019)
- CIE Lab
- lab(82.57 -27.19 7.04)
- LCH
- lch(82.57 28.09 165.5)
- CMYK
- cmyk(31% 0% 13% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A2E0C5
- ADE3CC
- B8E7D2
- C2EAD8
- CCEEDF
- D7F1E5
- E1F5EC
- EBF8F2
- F5FCF8
Sắc đậm
- 83BFA6
- 6FA38D
- 5C8875
- 496E5E
- 375448
- 263C33
- 17261F
- 08110D
- 010202
Sắc xám
- 95D2B9
- 94C9B2
- 92C0AC
- 90B6A5
- 8DAD9F
- 8BA499
- 889B92
- 86928C
- 838986
Hòa sắc
Bổ túc +180°
- 97DCBF
Cabbage
- F3B6D5
≈ Pink Marshmallow
Tương đồng -30° +30°
- 97DCBF
Cabbage
- B3D7A3
≈ Apple Cream
- 89DBDC
≈ Cold Blue
Bộ ba +120° +240°
- 97DCBF
Cabbage
- C6C3FE
≈ Light Periwinkle
- F8BB9E
≈ Pallid Orange
Bổ túc chia +150° +210°
- 97DCBF
Cabbage
- E0BBEE
≈ Beefy Pink
- FBB6B8
≈ Ballerina Pink
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.57:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.30:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--cabbage: #97dcbf;
--cabbage-rgb: 151 220 191;
--cabbage-oklch: oklch(0.84 0.081 166.4);
}
.element {
color: var(--cabbage);
background-color: hsl(155 50% 73%);
border-color: oklch(0.84 0.081 166.4);
}Tailwind CSS v4
@theme {
--color-cabbage: #97dcbf;
--color-cabbage-50: #e0fdf1;
--color-cabbage-100: #cff1e3;
--color-cabbage-200: #b4e0ce;
--color-cabbage-300: #8fc5b0;
--color-cabbage-400: #6eae94;
--color-cabbage-500: #4b977a;
--color-cabbage-600: #418068;
--color-cabbage-700: #336653;
--color-cabbage-800: #254b3b;
--color-cabbage-900: #193428;
--color-cabbage-950: #092016;
}SCSS
$cabbage: #97dcbf;
$cabbage-rgb: 151, 220, 191;
$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);
}