이름 색상 · #9CA691
Irish Paddock
Irish Paddock은(는) #9CA691: rgb(156 166 145), hsl(89 11% 61%), oklch(0.711 0.032 128). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Irish Paddock color name →
#9CA691
oklch(0.711 0.032 128)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A5AF9C
- AFB7A6
- B9C0B1
- C3C9BC
- CCD2C7
- D6DBD2
- E0E4DD
- EBEDE8
- F5F6F4
셰이드
- 87907D
- 737A6A
- 5F6558
- 4C5146
- 393E35
- 282B25
- 181A15
- 090A07
- 010101
톤
- 99A28F
- 969E8E
- 949A8C
- 91978A
- 8E9389
- 8B8F87
- 888B85
- 868783
- 838482
색 조화
보색 +180°
- 9CA691
Irish Paddock
- A79DB2
≈ Grapeade
유사색 -30° +30°
- 9CA691
Irish Paddock
- A7A28C
≈ Cement
- 92A89A
≈ Melville
삼각 배색 +120° +240°
- 9CA691
Irish Paddock
- 93A4B5
≈ River Valley
- B59A9E
≈ Twilight Blush
분열 보색 +150° +210°
- 9CA691
Irish Paddock
- 9DA0B6
≈ Wild Thistle
- B09BA9
≈ On the Nile
사각 배색 +90° +180° +270°
- 9CA691
Irish Paddock
- 8CA7AF
≈ Stone Silver
- A79DB2
≈ Grapeade
- B59C94
≈ Creamed Caramel
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.53:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.27:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
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);
}