En yakın adlandırılmış renk · #A3C3A6
#A3C3A6
En yakın adlandırılmış renk: Gum Leaf
#A3C3A6 (rgb(163 195 166), hsl(126 21% 70%), oklch(0.785 0.053 147.6)) 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.
#A3C3A6
oklch(0.785 0.053 147.6)
Renk dönüşümleri
- HEX
- #a3c3a6
- RGB
- rgb(163 195 166)
- HSL
- hsl(126 21% 70%)
- HWB
- hwb(126 64% 24%)
- OKLCH
- oklch(0.785 0.053 147.6)
- OKLab
- oklab(0.785 -0.045 0.029)
- CIE Lab
- lab(75.81 -15.4 10.89)
- LCH
- lch(75.81 18.86 144.7)
- CMYK
- cmyk(16% 0% 15% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ACC9AF
- B5CFB7
- BED5C0
- C7DBC9
- D1E1D2
- DAE7DB
- E3EDE4
- ECF3ED
- F6F9F6
Koyu tonlar
- 8DA990
- 78907A
- 637865
- 4F6051
- 3C4A3E
- 2A342B
- 19201A
- 0A0E0A
- 010201
Gri tonlar
- A0BCA2
- 9CB59E
- 99AE9B
- 95A897
- 92A193
- 8E9A8F
- 8B948B
- 878D88
- 848784
Renk uyumları
Tamamlayıcı +180°
- A3C3A6
Gum Leaf
- CCAECB
≈ Windsor Purple
Analog -30° +30°
- A3C3A6
Gum Leaf
- B6BE98
≈ Pale Spring Morning
- 95C5B9
≈ Float Your Boat
Üçlü +120° +240°
- A3C3A6
Gum Leaf
- AAB9DC
≈ Wisp
- D9ADA6
≈ Everything’s Rosy
Bölünmüş tamamlayıcı +150° +210°
- A3C3A6
Gum Leaf
- BDB2D8
≈ Moonraker
- D7ABB9
≈ Pink Nectar
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.92:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.91:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--gum-leaf: #a3c3a6;
--gum-leaf-rgb: 163 195 166;
--gum-leaf-oklch: oklch(0.785 0.053 147.6);
}
.element {
color: var(--gum-leaf);
background-color: hsl(126 21% 70%);
border-color: oklch(0.785 0.053 147.6);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a3c3a6;
--color-gum-leaf-50: #ebfaed;
--color-gum-leaf-100: #dceddf;
--color-gum-leaf-200: #c5dbc8;
--color-gum-leaf-300: #a5c0a9;
--color-gum-leaf-400: #8aa88d;
--color-gum-leaf-500: #6f9072;
--color-gum-leaf-600: #5e7a61;
--color-gum-leaf-700: #4b624d;
--color-gum-leaf-800: #374737;
--color-gum-leaf-900: #253226;
--color-gum-leaf-950: #141d14;
}SCSS
$gum-leaf: #a3c3a6;
$gum-leaf-rgb: 163, 195, 166;
$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);
}