Màu có tên gần nhất · #9BB999
#9BB999
Màu có tên gần nhất: Foliage
#9BB999 (rgb(155 185 153), hsl(116 19% 66%), oklch(0.754 0.056 143.4)) gần nhất với màu có tên Foliage. 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.
#9BB999
oklch(0.754 0.056 143.4)
Chuyển đổi màu
- HEX
- #9bb999
- RGB
- rgb(155 185 153)
- HSL
- hsl(116 19% 66%)
- HWB
- hwb(116 60% 27%)
- OKLCH
- oklch(0.754 0.056 143.4)
- OKLab
- oklab(0.754 -0.045 0.033)
- CIE Lab
- lab(72.23 -15.23 12.76)
- LCH
- lch(72.23 19.87 140)
- CMYK
- cmyk(16% 0% 17% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A5C0A3
- AFC7AD
- B8CEB7
- C2D5C1
- CCDCCB
- D6E3D5
- E0EAE0
- EBF1EA
- F5F8F4
Sắc đậm
- 86A084
- 728970
- 5E715D
- 4B5B4A
- 394638
- 283127
- 181E17
- 090D08
- 010201
Sắc xám
- 98B397
- 96AD94
- 93A892
- 90A28F
- 8E9C8D
- 8B968A
- 889188
- 868B85
- 838683
Hòa sắc
Bổ túc +180°
- 9BB999
Foliage
- C1A4C4
≈ Novel Lilac
Tương đồng -30° +30°
- 9BB999
Foliage
- AFB48B
≈ Sumptuous Sage
- 8BBBAC
≈ Mild Evergreen
Bộ ba +120° +240°
- 9BB999
Foliage
- 9DB0D4
≈ Heartsong
- D1A29F
≈ Ruby Eye
Bổ túc chia +150° +210°
- 9BB999
Foliage
- B0A9D0
≈ Wisteria-Wise
- CDA1B2
≈ Raspberry Smoothie
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 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.79:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--foliage: #9bb999;
--foliage-rgb: 155 185 153;
--foliage-oklch: oklch(0.754 0.056 143.4);
}
.element {
color: var(--foliage);
background-color: hsl(116 19% 66%);
border-color: oklch(0.754 0.056 143.4);
}Tailwind CSS v4
@theme {
--color-foliage: #9bb999;
--color-foliage-50: #ecfaec;
--color-foliage-100: #ddeddd;
--color-foliage-200: #c6dbc6;
--color-foliage-300: #a6bfa6;
--color-foliage-400: #8ba78a;
--color-foliage-500: #70906e;
--color-foliage-600: #5f7a5e;
--color-foliage-700: #4c624b;
--color-foliage-800: #384735;
--color-foliage-900: #263124;
--color-foliage-950: #141d13;
}SCSS
$foliage: #9bb999;
$foliage-rgb: 155, 185, 153;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}