Màu có tên · #BDD0AB
Jardin
Jardin là #BDD0AB: rgb(189 208 171), hsl(91 28% 74%), oklch(0.833 0.054 129.7). 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.
What does Green mean? → · Jardin color name →
#BDD0AB
oklch(0.833 0.054 129.7)
Chuyển đổi màu
- HEX
- #bdd0ab
- RGB
- rgb(189 208 171)
- HSL
- hsl(91 28% 74%)
- HWB
- hwb(91 67% 18%)
- OKLCH
- oklch(0.833 0.054 129.7)
- OKLab
- oklab(0.833 -0.035 0.042)
- CIE Lab
- lab(81.3 -11.6 16.18)
- LCH
- lch(81.3 19.91 125.6)
- CMYK
- cmyk(9% 0% 18% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3D5B3
- CAD9BC
- D0DEC4
- D7E3CC
- DEE7D5
- E4ECDD
- EBF1E6
- F2F6EE
- F8FAF6
Sắc đậm
- A4B594
- 8C9A7E
- 748068
- 5D6754
- 474F40
- 33392D
- 1F231B
- 0D100B
- 020201
Sắc xám
- B7C8A7
- B0C0A2
- AAB79E
- A4AF9A
- 9EA796
- 989F91
- 92978D
- 8C8F89
- 868884
Hòa sắc
Bổ túc +180°
- BDD0AB
Jardin
- D3BFE4
≈ York Plum
Tương đồng -30° +30°
- BDD0AB
Jardin
- D0CAA1
≈ Frozen Dew
- ABD4BC
≈ Eerie Glow
Bộ ba +120° +240°
- BDD0AB
Jardin
- AECCEB
≈ Andromeda Blue
- E9BAC0
≈ Peppermint Stick
Bổ túc chia +150° +210°
- BDD0AB
Jardin
- C1C5EC
≈ Violet Gems
- E2BBD4
≈ Eau de Rose
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.64:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.77:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--jardin: #bdd0ab;
--jardin-rgb: 189 208 171;
--jardin-oklch: oklch(0.833 0.054 129.7);
}
.element {
color: var(--jardin);
background-color: hsl(91 28% 74%);
border-color: oklch(0.833 0.054 129.7);
}Tailwind CSS v4
@theme {
--color-jardin: #bdd0ab;
--color-jardin-50: #eff9e9;
--color-jardin-100: #e1ecd9;
--color-jardin-200: #ccdac2;
--color-jardin-300: #adbea1;
--color-jardin-400: #94a584;
--color-jardin-500: #7a8e67;
--color-jardin-600: #687858;
--color-jardin-700: #536046;
--color-jardin-800: #3d4632;
--color-jardin-900: #2a3122;
--color-jardin-950: #171d11;
}SCSS
$jardin: #bdd0ab;
$jardin-rgb: 189, 208, 171;
$jardin-light: mix(#fff, $jardin, 20%);
$jardin-dark: mix(#000, $jardin, 20%);
.element {
color: $jardin;
box-shadow: 0 0 0 2px rgba($jardin, 0.35);
}