Màu có tên gần nhất · #B0D0AA
#B0D0AA
Màu có tên gần nhất: Limestoned
#B0D0AA (rgb(176 208 170), hsl(111 29% 74%), oklch(0.824 0.062 140.7)) gần nhất với màu có tên Limestoned. 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.
#B0D0AA
oklch(0.824 0.062 140.7)
Chuyển đổi màu
- HEX
- #b0d0aa
- RGB
- rgb(176 208 170)
- HSL
- hsl(111 29% 74%)
- HWB
- hwb(111 67% 18%)
- OKLCH
- oklch(0.824 0.062 140.7)
- OKLab
- oklab(0.824 -0.048 0.04)
- CIE Lab
- lab(80.36 -16.4 15.24)
- LCH
- lch(80.36 22.39 137.1)
- CMYK
- cmyk(15% 0% 18% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B8D5B2
- C0D9BB
- C7DEC3
- CFE3CC
- D7E7D4
- DFECDD
- E7F1E5
- EFF6EE
- F7FAF6
Sắc đậm
- 99B593
- 829A7D
- 6C8068
- 566753
- 424F3F
- 2E392D
- 1C231B
- 0B100B
- 010201
Sắc xám
- ABC8A6
- A6C0A2
- A2B79D
- 9DAF99
- 98A795
- 939F91
- 8E978D
- 8A9088
- 858884
Hòa sắc
Bổ túc +180°
- B0D0AA
Limestoned
- D8B9DF
≈ Pretty Petunia
Tương đồng -30° +30°
- B0D0AA
Limestoned
- C7CA9B
≈ Dancing Kite
- 9DD3C0
≈ Flowering Cactus
Bộ ba +120° +240°
- B0D0AA
Limestoned
- AFC7EF
≈ Tropical Blue
- EBB6B4
≈ Summer Cocktails
Bổ túc chia +150° +210°
- B0D0AA
Limestoned
- C5BFEC
≈ Violet Gems
- E6B5CB
≈ Sweet Lilac
Bộ bốn +90° +180° +270°
- B0D0AA
Limestoned
- 9CCEE7
≈ Endless Blue
- D8B9DF
≈ Pretty Petunia
- E7BAA1
≈ Seasonal Beige
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.68:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.44:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--limestoned: #b0d0aa;
--limestoned-rgb: 176 208 170;
--limestoned-oklch: oklch(0.824 0.062 140.7);
}
.element {
color: var(--limestoned);
background-color: hsl(111 29% 74%);
border-color: oklch(0.824 0.062 140.7);
}Tailwind CSS v4
@theme {
--color-limestoned: #b0d0aa;
--color-limestoned-50: #ebfaea;
--color-limestoned-100: #dceedb;
--color-limestoned-200: #c5dcc3;
--color-limestoned-300: #a6c0a3;
--color-limestoned-400: #8ba885;
--color-limestoned-500: #70916a;
--color-limestoned-600: #5f7a5a;
--color-limestoned-700: #4c6247;
--color-limestoned-800: #374833;
--color-limestoned-900: #263222;
--color-limestoned-950: #141e12;
}SCSS
$limestoned: #b0d0aa;
$limestoned-rgb: 176, 208, 170;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}