En yakın adlandırılmış renk · #A5C7AC
#A5C7AC
En yakın adlandırılmış renk: Gum Leaf
#A5C7AC (rgb(165 199 172), hsl(132 23% 71%), oklch(0.797 0.053 151.2)) 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.
#A5C7AC
oklch(0.797 0.053 151.2)
Renk dönüşümleri
- HEX
- #a5c7ac
- RGB
- rgb(165 199 172)
- HSL
- hsl(132 23% 71%)
- HWB
- hwb(132 65% 22%)
- OKLCH
- oklch(0.797 0.053 151.2)
- OKLab
- oklab(0.797 -0.046 0.025)
- CIE Lab
- lab(77.17 -15.77 9.61)
- LCH
- lch(77.17 18.47 148.6)
- CMYK
- cmyk(17% 0% 14% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AECDB4
- B7D2BC
- C0D8C4
- C9DDCD
- D2E3D5
- DBE8DD
- E4EEE6
- EDF4EE
- F6F9F6
Koyu tonlar
- 8FAD95
- 79937F
- 657A69
- 516254
- 3D4C40
- 2B362D
- 1A211B
- 0A0E0B
- 010201
Gri tonlar
- A1C0A8
- 9EB8A3
- 9AB19F
- 96AA9A
- 93A396
- 8F9C91
- 8B958D
- 888E89
- 848784
Renk uyumları
Tamamlayıcı +180°
- A5C7AC
Gum Leaf
- D1B1CD
≈ Lavender Knoll
Analog -30° +30°
- A5C7AC
Gum Leaf
- B7C39D
≈ Green Eggs & Cam
- 98C8BF
≈ Jamaica Bay
Üçlü +120° +240°
- A5C7AC
Gum Leaf
- B0BCE0
≈ Lilac Flare
- DDB1A8
≈ Mesa Pink
Bölünmüş tamamlayıcı +150° +210°
- A5C7AC
Gum Leaf
- C2B6DA
≈ Tinted Iris
- DBAFBB
≈ Pentalon
Dörtlü +90° +180° +270°
- A5C7AC
Gum Leaf
- 9FC2DC
≈ Metal Gear
- D1B1CD
≈ Lavender Knoll
- D6B69B
≈ Canewood
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.36:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--gum-leaf: #a5c7ac;
--gum-leaf-rgb: 165 199 172;
--gum-leaf-oklch: oklch(0.797 0.053 151.2);
}
.element {
color: var(--gum-leaf);
background-color: hsl(132 23% 71%);
border-color: oklch(0.797 0.053 151.2);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a5c7ac;
--color-gum-leaf-50: #eafaee;
--color-gum-leaf-100: #dbede0;
--color-gum-leaf-200: #c4dbca;
--color-gum-leaf-300: #a4c0ab;
--color-gum-leaf-400: #88a88f;
--color-gum-leaf-500: #6d9075;
--color-gum-leaf-600: #5c7a63;
--color-gum-leaf-700: #4a624f;
--color-gum-leaf-800: #364839;
--color-gum-leaf-900: #253227;
--color-gum-leaf-950: #131e15;
}SCSS
$gum-leaf: #a5c7ac;
$gum-leaf-rgb: 165, 199, 172;
$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);
}