Adlandırılmış renk · #11A39E
Silken Jade
Silken Jade, #11A39E: rgb(17 163 158), hsl(178 81% 35%), oklch(0.647 0.109 190.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Silken Jade color name →
#11A39E
oklch(0.647 0.109 190.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3FACA7
- 5BB5B1
- 72BFBA
- 88C8C4
- 9DD1CE
- B1DAD7
- C5E3E1
- D8EDEB
- ECF6F5
Koyu tonlar
- 0D8D89
- 097874
- 066360
- 044F4D
- 023C3A
- 012A29
- 001918
- 000A09
- 000101
Gri tonlar
- 2FA09B
- 409C98
- 4C9995
- 579692
- 5F928F
- 678F8C
- 6E8B89
- 758786
- 7B8483
Renk uyumları
Tamamlayıcı +180°
- 11A39E
Silken Jade
- C7717E
≈ Trout Pout
Analog -30° +30°
- 11A39E
Silken Jade
- 47A378
≈ Tropical Tone
- 279DBD
≈ Blue Horizon
Üçlü +120° +240°
- 11A39E
Silken Jade
- A47BBF
≈ Wisteria
- B8823C
≈ Monarch Gold
Bölünmüş tamamlayıcı +150° +210°
- 11A39E
Silken Jade
- BB73A2
≈ Eccentric Magenta
- C67659
≈ Spanish Peanut
Dörtlü +90° +180° +270°
- 11A39E
Silken Jade
- 8386CF
≈ True Lavender
- C7717E
≈ Trout Pout
- 9D9038
≈ Gecko
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.10:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.75:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
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);
}