En yakın adlandırılmış renk · #A0C6AE
#A0C6AE
En yakın adlandırılmış renk: Gum Leaf
#A0C6AE (rgb(160 198 174), hsl(142 25% 70%), oklch(0.792 0.053 157.3)) en çok Gum Leaf adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A0C6AE
oklch(0.792 0.053 157.3)
Renk dönüşümleri
- HEX
- #a0c6ae
- RGB
- rgb(160 198 174)
- HSL
- hsl(142 25% 70%)
- HWB
- hwb(142 63% 22%)
- OKLCH
- oklch(0.792 0.053 157.3)
- OKLab
- oklab(0.792 -0.049 0.02)
- CIE Lab
- lab(76.6 -16.75 7.69)
- LCH
- lch(76.6 18.43 155.3)
- CMYK
- cmyk(19% 0% 12% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9CCB6
- B3D1BE
- BCD7C6
- C6DDCE
- CFE2D6
- D9E8DE
- E2EEE6
- ECF3EE
- F5F9F7
Koyu tonlar
- 8BAC97
- 769280
- 617A6A
- 4E6255
- 3B4B41
- 29352E
- 19211C
- 090E0B
- 010201
Gri tonlar
- 9DBFA9
- 9AB8A5
- 97B1A0
- 94A99B
- 90A297
- 8D9B92
- 8A958E
- 878E89
- 838785
Renk uyumları
Tamamlayıcı +180°
- A0C6AE
Gum Leaf
- D2AFC8
≈ Lavender Knoll
Analog -30° +30°
- A0C6AE
Gum Leaf
- B2C29E
≈ Green Eggs & Cam
- 95C7C1
≈ Pastel Turquoise
Üçlü +120° +240°
- A0C6AE
Gum Leaf
- B2B9DE
≈ Lilac Flare
- DBB0A3
≈ Cinnamon Whip
Bölünmüş tamamlayıcı +150° +210°
- A0C6AE
Gum Leaf
- C4B3D6
≈ Moonraker
- DAAEB5
≈ Pale Chestnut
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.18:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--gum-leaf: #a0c6ae;
--gum-leaf-rgb: 160 198 174;
--gum-leaf-oklch: oklch(0.792 0.053 157.3);
}
.element {
color: var(--gum-leaf);
background-color: hsl(142 25% 70%);
border-color: oklch(0.792 0.053 157.3);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a0c6ae;
--color-gum-leaf-50: #e9faf0;
--color-gum-leaf-100: #daeee2;
--color-gum-leaf-200: #c2dccc;
--color-gum-leaf-300: #a1c0ae;
--color-gum-leaf-400: #85a892;
--color-gum-leaf-500: #699178;
--color-gum-leaf-600: #597b66;
--color-gum-leaf-700: #476251;
--color-gum-leaf-800: #34483a;
--color-gum-leaf-900: #233228;
--color-gum-leaf-950: #121e16;
}SCSS
$gum-leaf: #a0c6ae;
$gum-leaf-rgb: 160, 198, 174;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}