Màu có tên gần nhất · #99DFBE
#99DFBE
Màu có tên gần nhất: Cabbage
#99DFBE (rgb(153 223 190), hsl(152 52% 74%), oklch(0.848 0.084 163.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.
#99DFBE
oklch(0.848 0.084 163.6)
Chuyển đổi màu
- HEX
- #99dfbe
- RGB
- rgb(153 223 190)
- HSL
- hsl(152 52% 74%)
- HWB
- hwb(152 60% 13%)
- OKLCH
- oklch(0.848 0.084 163.6)
- OKLab
- oklab(0.848 -0.081 0.024)
- CIE Lab
- lab(83.5 -28.05 8.9)
- LCH
- lch(83.5 29.43 162.4)
- CMYK
- cmyk(31% 0% 15% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A4E2C4
- AFE6CB
- B9E9D1
- C3ECD8
- CDEFDE
- D8F3E5
- E1F6EB
- EBF9F2
- F5FCF8
Sắc đậm
- 84C2A5
- 70A58C
- 5D8A75
- 4A6F5E
- 385648
- 273D33
- 17271F
- 08120D
- 010202
Sắc xám
- 97D5B8
- 95CBB1
- 93C2AB
- 91B8A5
- 8EAF9F
- 8CA598
- 899C92
- 86928C
- 838986
Hòa sắc
Bổ túc +180°
- 99DFBE
Cabbage
- F5B8DB
≈ Manga Pink
Tương đồng -30° +30°
- 99DFBE
Cabbage
- B7DAA1
≈ Embroidered Silk
- 88DFDD
≈ Cold Blue
Bộ ba +120° +240°
- 99DFBE
Cabbage
- C6C7FF
≈ Light Periwinkle
- FDBCA1
≈ Pallid Orange
Bổ túc chia +150° +210°
- 99DFBE
Cabbage
- E1BDF5
≈ Beefy Pink
- FFB7BD
≈ Matt 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.53:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.65:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--cabbage: #99dfbe;
--cabbage-rgb: 153 223 190;
--cabbage-oklch: oklch(0.848 0.084 163.6);
}
.element {
color: var(--cabbage);
background-color: hsl(152 52% 74%);
border-color: oklch(0.848 0.084 163.6);
}Tailwind CSS v4
@theme {
--color-cabbage: #99dfbe;
--color-cabbage-50: #e0fdef;
--color-cabbage-100: #cff1e1;
--color-cabbage-200: #b3e0cc;
--color-cabbage-300: #8ec6ad;
--color-cabbage-400: #6eae91;
--color-cabbage-500: #4a9877;
--color-cabbage-600: #408065;
--color-cabbage-700: #336750;
--color-cabbage-800: #254b39;
--color-cabbage-900: #193427;
--color-cabbage-950: #092015;
}SCSS
$cabbage: #99dfbe;
$cabbage-rgb: 153, 223, 190;
$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);
}