Màu có tên gần nhất · #99C2A1
#99C2A1
Màu có tên gần nhất: Limestoned
#99C2A1 (rgb(153 194 161), hsl(132 25% 68%), oklch(0.775 0.064 150.5)) 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.
#99C2A1
oklch(0.775 0.064 150.5)
Chuyển đổi màu
- HEX
- #99c2a1
- RGB
- rgb(153 194 161)
- HSL
- hsl(132 25% 68%)
- HWB
- hwb(132 60% 24%)
- OKLCH
- oklch(0.775 0.064 150.5)
- OKLab
- oklab(0.775 -0.056 0.031)
- CIE Lab
- lab(74.78 -19.1 11.99)
- LCH
- lch(74.78 22.55 147.9)
- CMYK
- cmyk(21% 0% 17% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A3C8AA
- ADCEB3
- B7D4BD
- C2DAC6
- CCE0CF
- D6E6D9
- E0EDE2
- EAF3EC
- F5F9F5
Sắc đậm
- 84A88B
- 708F76
- 5D7762
- 4A604E
- 38493C
- 27342A
- 172019
- 080E09
- 010201
Sắc xám
- 97BB9E
- 94B59A
- 92AE97
- 90A794
- 8DA191
- 8B9A8D
- 88938A
- 858D87
- 838683
Hòa sắc
Bổ túc +180°
- 99C2A1
Limestoned
- CEA8C9
≈ Catmint
Tương đồng -30° +30°
- 99C2A1
Limestoned
- B0BD8F
≈ Chervil Leaves
- 88C4B8
≈ Little Blue Box
Bộ ba +120° +240°
- 99C2A1
Limestoned
- A6B4E0
≈ Sassy Violet
- DCA79E
≈ Coral Cove
Bổ túc chia +150° +210°
- 99C2A1
Limestoned
- BCADD9
≈ Purple Hibiscus
- D9A5B4
≈ Pink Nectar
Bộ bốn +90° +180° +270°
- 99C2A1
Limestoned
- 91BCDB
≈ Manakin
- CEA8C9
≈ Catmint
- D5AD8D
≈ Key Wester
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.98:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.58:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--limestoned: #99c2a1;
--limestoned-rgb: 153 194 161;
--limestoned-oklch: oklch(0.775 0.064 150.5);
}
.element {
color: var(--limestoned);
background-color: hsl(132 25% 68%);
border-color: oklch(0.775 0.064 150.5);
}Tailwind CSS v4
@theme {
--color-limestoned: #99c2a1;
--color-limestoned-50: #e8fbec;
--color-limestoned-100: #d9eede;
--color-limestoned-200: #c1ddc7;
--color-limestoned-300: #a0c1a8;
--color-limestoned-400: #84aa8b;
--color-limestoned-500: #679370;
--color-limestoned-600: #577c5f;
--color-limestoned-700: #46634c;
--color-limestoned-800: #334936;
--color-limestoned-900: #233225;
--color-limestoned-950: #121e14;
}SCSS
$limestoned: #99c2a1;
$limestoned-rgb: 153, 194, 161;
$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);
}