Adlandırılmış renk · #9CA691
Irish Paddock
Irish Paddock, #9CA691: rgb(156 166 145), hsl(89 11% 61%), oklch(0.711 0.032 128). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Irish Paddock color name →
#9CA691
oklch(0.711 0.032 128)
Renk dönüşümleri
- HEX
- #9ca691
- RGB
- rgb(156 166 145)
- HSL
- hsl(89 11% 61%)
- HWB
- hwb(89 57% 35%)
- OKLCH
- oklch(0.711 0.032 128)
- OKLab
- oklab(0.711 -0.02 0.025)
- CIE Lab
- lab(66.86 -6.6 9.65)
- LCH
- lch(66.86 11.69 124.4)
- CMYK
- cmyk(6% 0% 13% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5AF9C
- AFB7A6
- B9C0B1
- C3C9BC
- CCD2C7
- D6DBD2
- E0E4DD
- EBEDE8
- F5F6F4
Koyu tonlar
- 87907D
- 737A6A
- 5F6558
- 4C5146
- 393E35
- 282B25
- 181A15
- 090A07
- 010101
Gri tonlar
- 99A28F
- 969E8E
- 949A8C
- 91978A
- 8E9389
- 8B8F87
- 888B85
- 868783
- 838482
Renk uyumları
Tamamlayıcı +180°
- 9CA691
Irish Paddock
- A79DB2
≈ Grapeade
Analog -30° +30°
- 9CA691
Irish Paddock
- A7A28C
≈ Cement
- 92A89A
≈ Melville
Üçlü +120° +240°
- 9CA691
Irish Paddock
- 93A4B5
≈ River Valley
- B59A9E
≈ Twilight Blush
Bölünmüş tamamlayıcı +150° +210°
- 9CA691
Irish Paddock
- 9DA0B6
≈ Wild Thistle
- B09BA9
≈ On the Nile
Dörtlü +90° +180° +270°
- 9CA691
Irish Paddock
- 8CA7AF
≈ Stone Silver
- A79DB2
≈ Grapeade
- B59C94
≈ Creamed Caramel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.53:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.27:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-paddock: #9ca691;
--irish-paddock-rgb: 156 166 145;
--irish-paddock-oklch: oklch(0.711 0.032 128);
}
.element {
color: var(--irish-paddock);
background-color: hsl(89 11% 61%);
border-color: oklch(0.711 0.032 128);
}Tailwind CSS v4
@theme {
--color-irish-paddock: #9ca691;
--color-irish-paddock-50: #f2f7ee;
--color-irish-paddock-100: #e4eadf;
--color-irish-paddock-200: #d0d7c9;
--color-irish-paddock-300: #b2bbaa;
--color-irish-paddock-400: #99a28e;
--color-irish-paddock-500: #808b74;
--color-irish-paddock-600: #6c7562;
--color-irish-paddock-700: #575e4f;
--color-irish-paddock-800: #3f4539;
--color-irish-paddock-900: #2c2f27;
--color-irish-paddock-950: #191c15;
}SCSS
$irish-paddock: #9ca691;
$irish-paddock-rgb: 156, 166, 145;
$irish-paddock-light: mix(#fff, $irish-paddock, 20%);
$irish-paddock-dark: mix(#000, $irish-paddock, 20%);
.element {
color: $irish-paddock;
box-shadow: 0 0 0 2px rgba($irish-paddock, 0.35);
}