En yakın adlandırılmış renk · #A5D2AC
#A5D2AC
En yakın adlandırılmış renk: Limestoned
#A5D2AC (rgb(165 210 172), hsl(129 33% 74%), oklch(0.821 0.071 149.2)) en çok Limestoned 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.
#A5D2AC
oklch(0.821 0.071 149.2)
Renk dönüşümleri
- HEX
- #a5d2ac
- RGB
- rgb(165 210 172)
- HSL
- hsl(129 33% 74%)
- HWB
- hwb(129 65% 18%)
- OKLCH
- oklch(0.821 0.071 149.2)
- OKLab
- oklab(0.821 -0.061 0.036)
- CIE Lab
- lab(80.22 -20.89 13.87)
- LCH
- lch(80.22 25.08 146.4)
- CMYK
- cmyk(21% 0% 18% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AED7B4
- B7DBBC
- C0E0C5
- C9E4CD
- D2E9D5
- DBEDDD
- E4F2E6
- EDF6EE
- F6FBF7
Koyu tonlar
- 8FB695
- 799B7F
- 658169
- 516854
- 3D5040
- 2B392D
- 1A241B
- 0A100B
- 010201
Gri tonlar
- A1CAA8
- 9EC1A3
- 9AB99F
- 97B19A
- 93A896
- 8FA092
- 8C988D
- 889089
- 848884
Renk uyumları
Tamamlayıcı +180°
- A5D2AC
Limestoned
- DFB5DB
≈ French Lilac
Analog -30° +30°
- A5D2AC
Limestoned
- BFCC98
≈ White Grape
- 91D4C6
≈ Green Daze
Üçlü +120° +240°
- A5D2AC
Limestoned
- B2C3F4
≈ Larkspur Bud
- EFB4AA
≈ Mesa Rose
Bölünmüş tamamlayıcı +150° +210°
- A5D2AC
Limestoned
- CBBBED
≈ Connecticut Lilac
- ECB2C3
≈ Fallen Blossoms
Dörtlü +90° +180° +270°
- A5D2AC
Limestoned
- 9ACCEE
≈ Fail Whale
- DFB5DB
≈ French Lilac
- E8BA97
≈ Fresh Praline
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.41:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--limestoned: #a5d2ac;
--limestoned-rgb: 165 210 172;
--limestoned-oklch: oklch(0.821 0.071 149.2);
}
.element {
color: var(--limestoned);
background-color: hsl(129 33% 74%);
border-color: oklch(0.821 0.071 149.2);
}Tailwind CSS v4
@theme {
--color-limestoned: #a5d2ac;
--color-limestoned-50: #e7fbeb;
--color-limestoned-100: #d8efdc;
--color-limestoned-200: #bfddc5;
--color-limestoned-300: #9ec2a5;
--color-limestoned-400: #81ab88;
--color-limestoned-500: #64946d;
--color-limestoned-600: #557d5c;
--color-limestoned-700: #446449;
--color-limestoned-800: #324934;
--color-limestoned-900: #223323;
--color-limestoned-950: #111e12;
}SCSS
$limestoned: #a5d2ac;
$limestoned-rgb: 165, 210, 172;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}