Adlandırılmış renk · #6A9A8E
Little League
Little League, #6A9A8E: rgb(106 154 142), hsl(165 19% 51%), oklch(0.648 0.055 177.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Little League color name →
#6A9A8E
oklch(0.648 0.055 177.2)
Renk dönüşümleri
- HEX
- #6a9a8e
- RGB
- rgb(106 154 142)
- HSL
- hsl(165 19% 51%)
- HWB
- hwb(165 42% 40%)
- OKLCH
- oklch(0.648 0.055 177.2)
- OKLab
- oklab(0.648 -0.055 0.003)
- CIE Lab
- lab(59.9 -18.88 0.87)
- LCH
- lch(59.9 18.9 177.4)
- CMYK
- cmyk(31% 0% 8% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 79A499
- 87AEA4
- 96B8AF
- A5C2BA
- B4CCC5
- C3D6D0
- D1E0DC
- E1EAE7
- F0F5F3
Koyu tonlar
- 5B857B
- 4D7168
- 3F5E56
- 314B44
- 243934
- 182724
- 0D1715
- 040907
- 000101
Gri tonlar
- 6D978D
- 6F958B
- 72928A
- 749088
- 778D87
- 798A86
- 7B8884
- 7D8583
- 7E8381
Renk uyumları
Tamamlayıcı +180°
- 6A9A8E
Little League
- AB818F
≈ Natural Spring
Analog -30° +30°
- 6A9A8E
Little League
- 79987C
≈ Scottish Highlands
- 6698A0
≈ Shore Water
Üçlü +120° +240°
- 6A9A8E
Little League
- 9288AD
≈ Larkspur Violet
- A9876E
≈ Pottery Urn
Bölünmüş tamamlayıcı +150° +210°
- 6A9A8E
Little League
- A183A0
≈ Pink Plumeria
- AE827D
≈ Night Rose
Dörtlü +90° +180° +270°
- 6A9A8E
Little League
- 808EB1
≈ Luxury
- AB818F
≈ Natural Spring
- 9D8D68
≈ Autumn Laurel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.16:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.62:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--little-league: #6a9a8e;
--little-league-rgb: 106 154 142;
--little-league-oklch: oklch(0.648 0.055 177.2);
}
.element {
color: var(--little-league);
background-color: hsl(165 19% 51%);
border-color: oklch(0.648 0.055 177.2);
}Tailwind CSS v4
@theme {
--color-little-league: #6a9a8e;
--color-little-league-50: #e5fbf5;
--color-little-league-100: #d5eee8;
--color-little-league-200: #bcdcd5;
--color-little-league-300: #9ac1b8;
--color-little-league-400: #7ca99e;
--color-little-league-500: #5d9285;
--color-little-league-600: #4f7c71;
--color-little-league-700: #3f635a;
--color-little-league-800: #2d4941;
--color-little-league-900: #1f322d;
--color-little-league-950: #0e1e1a;
}SCSS
$little-league: #6a9a8e;
$little-league-rgb: 106, 154, 142;
$little-league-light: mix(#fff, $little-league, 20%);
$little-league-dark: mix(#000, $little-league, 20%);
.element {
color: $little-league;
box-shadow: 0 0 0 2px rgba($little-league, 0.35);
}