Adlandırılmış renk · #A9AF99
Ending Spring
Ending Spring, #A9AF99: rgb(169 175 153), hsl(76 12% 64%), oklch(0.743 0.032 119.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Ending Spring color name →
#A9AF99
oklch(0.743 0.032 119.6)
Renk dönüşümleri
- HEX
- #a9af99
- RGB
- rgb(169 175 153)
- HSL
- hsl(76 12% 64%)
- HWB
- hwb(76 60% 31%)
- OKLCH
- oklch(0.743 0.032 119.6)
- OKLab
- oklab(0.743 -0.016 0.027)
- CIE Lab
- lab(70.52 -5.17 10.57)
- LCH
- lch(70.52 11.76 116)
- CMYK
- cmyk(3% 0% 13% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1B7A3
- BABFAD
- C2C6B7
- CBCEC1
- D3D6CB
- DCDED5
- E4E6E0
- EDEFEA
- F6F7F4
Koyu tonlar
- 929884
- 7C8170
- 676B5D
- 53564A
- 3F4138
- 2C2E27
- 1B1C17
- 0A0B08
- 010101
Gri tonlar
- A5AA97
- A1A594
- 9CA192
- 989C8F
- 94978D
- 90938A
- 8C8E88
- 888985
- 848583
Renk uyumları
Tamamlayıcı +180°
- A9AF99
Ending Spring
- AEA8BD
≈ Morning Mist Grey
Analog -30° +30°
- A9AF99
Ending Spring
- B4AB96
≈ Shaggy Barked
- 9FB2A1
≈ Copper Patina
Üçlü +120° +240°
- A9AF99
Ending Spring
- 9AAFBE
≈ Russian Blue
- BEA4AB
≈ Cold Pink
Bölünmüş tamamlayıcı +150° +210°
- A9AF99
Ending Spring
- A4ABC0
≈ Lilac Time
- B8A5B6
≈ Pansy Posy
Dörtlü +90° +180° +270°
- A9AF99
Ending Spring
- 96B2B7
≈ Mohair Soft Blue Grey
- AEA8BD
≈ Morning Mist Grey
- BFA5A0
≈ Mohair Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.27:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.27:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--ending-spring: #a9af99;
--ending-spring-rgb: 169 175 153;
--ending-spring-oklch: oklch(0.743 0.032 119.6);
}
.element {
color: var(--ending-spring);
background-color: hsl(76 12% 64%);
border-color: oklch(0.743 0.032 119.6);
}Tailwind CSS v4
@theme {
--color-ending-spring: #a9af99;
--color-ending-spring-50: #f3f7ed;
--color-ending-spring-100: #e6eade;
--color-ending-spring-200: #d2d7c8;
--color-ending-spring-300: #b4baa9;
--color-ending-spring-400: #9ca18d;
--color-ending-spring-500: #838a72;
--color-ending-spring-600: #6f7461;
--color-ending-spring-700: #595d4d;
--color-ending-spring-800: #414438;
--color-ending-spring-900: #2d2f26;
--color-ending-spring-950: #1a1b14;
}SCSS
$ending-spring: #a9af99;
$ending-spring-rgb: 169, 175, 153;
$ending-spring-light: mix(#fff, $ending-spring, 20%);
$ending-spring-dark: mix(#000, $ending-spring, 20%);
.element {
color: $ending-spring;
box-shadow: 0 0 0 2px rgba($ending-spring, 0.35);
}