Màu có tên · #11A39E
Silken Jade
Silken Jade là #11A39E: rgb(17 163 158), hsl(178 81% 35%), oklch(0.647 0.109 190.9). 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 Teal mean? → · Silken Jade color name →
#11A39E
oklch(0.647 0.109 190.9)
Chuyển đổi màu
- HEX
- #11a39e
- RGB
- rgb(17 163 158)
- HSL
- hsl(178 81% 35%)
- HWB
- hwb(178 7% 36%)
- OKLCH
- oklch(0.647 0.109 190.9)
- OKLab
- oklab(0.647 -0.107 -0.021)
- CIE Lab
- lab(60.3 -36.68 -7.92)
- LCH
- lch(60.3 37.53 192.2)
- CMYK
- cmyk(90% 0% 3% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3FACA7
- 5BB5B1
- 72BFBA
- 88C8C4
- 9DD1CE
- B1DAD7
- C5E3E1
- D8EDEB
- ECF6F5
Sắc đậm
- 0D8D89
- 097874
- 066360
- 044F4D
- 023C3A
- 012A29
- 001918
- 000A09
- 000101
Sắc xám
- 2FA09B
- 409C98
- 4C9995
- 579692
- 5F928F
- 678F8C
- 6E8B89
- 758786
- 7B8483
Hòa sắc
Bổ túc +180°
- 11A39E
Silken Jade
- C7717E
≈ Trout Pout
Tương đồng -30° +30°
- 11A39E
Silken Jade
- 47A378
≈ Tropical Tone
- 279DBD
≈ Blue Horizon
Bộ ba +120° +240°
- 11A39E
Silken Jade
- A47BBF
≈ Wisteria
- B8823C
≈ Monarch Gold
Bổ túc chia +150° +210°
- 11A39E
Silken Jade
- BB73A2
≈ Eccentric Magenta
- C67659
≈ Spanish Peanut
Bộ bốn +90° +180° +270°
- 11A39E
Silken Jade
- 8386CF
≈ True Lavender
- C7717E
≈ Trout Pout
- 9D9038
≈ Gecko
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.10:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.75:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--silken-jade: #11a39e;
--silken-jade-rgb: 17 163 158;
--silken-jade-oklch: oklch(0.647 0.109 190.9);
}
.element {
color: var(--silken-jade);
background-color: hsl(178 81% 35%);
border-color: oklch(0.647 0.109 190.9);
}Tailwind CSS v4
@theme {
--color-silken-jade: #11a39e;
--color-silken-jade-50: #d2fffe;
--color-silken-jade-100: #bef4f2;
--color-silken-jade-200: #9de4e1;
--color-silken-jade-300: #6fc9c6;
--color-silken-jade-400: #3cb3ae;
--color-silken-jade-500: #009c97;
--color-silken-jade-600: #008480;
--color-silken-jade-700: #006a66;
--color-silken-jade-800: #004e4a;
--color-silken-jade-900: #003633;
--color-silken-jade-950: #00211f;
}SCSS
$silken-jade: #11a39e;
$silken-jade-rgb: 17, 163, 158;
$silken-jade-light: mix(#fff, $silken-jade, 20%);
$silken-jade-dark: mix(#000, $silken-jade, 20%);
.element {
color: $silken-jade;
box-shadow: 0 0 0 2px rgba($silken-jade, 0.35);
}