لون مسمّى · #65A19F
Folk Song
Folk Song هو #65A19F: rgb(101 161 159)، hsl(178 24% 51%)، oklch(0.668 0.062 193.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Folk Song color name →
#65A19F
oklch(0.668 0.062 193.1)
تحويلات الألوان
- HEX
- #65a19f
- RGB
- rgb(101 161 159)
- HSL
- hsl(178 24% 51%)
- HWB
- hwb(178 40% 37%)
- OKLCH
- oklch(0.668 0.062 193.1)
- OKLab
- oklab(0.668 -0.061 -0.014)
- CIE Lab
- lab(62.12 -20.65 -5.47)
- LCH
- lch(62.12 21.36 194.8)
- CMYK
- cmyk(37% 0% 1% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 75AAA8
- 84B3B2
- 94BDBB
- A3C6C4
- B2CFCE
- C1D9D8
- D1E2E1
- E0ECEB
- F0F5F5
درجات داكنة
- 578B8A
- 497675
- 3C6261
- 2F4E4D
- 223C3B
- 172A29
- 0C1918
- 030909
- 000101
درجات رمادية
- 699E9C
- 6C9A99
- 6F9796
- 729492
- 75918F
- 788D8C
- 7A8A89
- 7C8786
- 7E8383
تناسق الألوان
متمم +180°
- 65A19F
Folk Song
- B88589
≈ Bashful Rose
متجاور -30° +30°
- 65A19F
Folk Song
- 71A18A
≈ Quilotoa Green
- 699DB1
≈ Dolphin Daze
ثلاثي +120° +240°
- 65A19F
Folk Song
- A28AB0
≈ Violet Eclipse
- AC8F6A
≈ Morrel
متمم منقسم +150° +210°
- 65A19F
Folk Song
- B0869F
≈ Orchid Haze
- B68876
≈ Plum Blossom Dye
رباعي +90° +180° +270°
- 65A19F
Folk Song
- 8F90BA
≈ Purple Amethyst
- B88589
≈ Bashful Rose
- 9B976A
≈ Hiking
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.93:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.15:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--folk-song: #65a19f;
--folk-song-rgb: 101 161 159;
--folk-song-oklch: oklch(0.668 0.062 193.1);
}
.element {
color: var(--folk-song);
background-color: hsl(178 24% 51%);
border-color: oklch(0.668 0.062 193.1);
}Tailwind CSS v4
@theme {
--color-folk-song: #65a19f;
--color-folk-song-50: #e2fbfb;
--color-folk-song-100: #d1efee;
--color-folk-song-200: #b6dddc;
--color-folk-song-300: #92c2c1;
--color-folk-song-400: #72aba9;
--color-folk-song-500: #509392;
--color-folk-song-600: #457d7b;
--color-folk-song-700: #376462;
--color-folk-song-800: #274947;
--color-folk-song-900: #1a3332;
--color-folk-song-950: #0a1f1e;
}SCSS
$folk-song: #65a19f;
$folk-song-rgb: 101, 161, 159;
$folk-song-light: mix(#fff, $folk-song, 20%);
$folk-song-dark: mix(#000, $folk-song, 20%);
.element {
color: $folk-song;
box-shadow: 0 0 0 2px rgba($folk-song, 0.35);
}