이름 색상 · #9DACB7
Urban Pigeon
Urban Pigeon은(는) #9DACB7: rgb(157 172 183), hsl(205 15% 67%), oklch(0.736 0.023 239.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Urban Pigeon color name →
#9DACB7
oklch(0.736 0.023 239.6)
색상 변환
- HEX
- #9dacb7
- RGB
- rgb(157 172 183)
- HSL
- hsl(205 15% 67%)
- HWB
- hwb(205 62% 28%)
- OKLCH
- oklch(0.736 0.023 239.6)
- OKLab
- oklab(0.736 -0.012 -0.02)
- CIE Lab
- lab(69.43 -3.71 -7.55)
- LCH
- lch(69.43 8.41 243.8)
- CMYK
- cmyk(14% 6% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- A6B4BE
- B0BCC5
- BAC4CC
- C3CDD3
- CDD5DB
- D7DDE2
- E1E6E9
- EBEEF0
- F5F6F8
셰이드
- 88959F
- 737F87
- 5F6970
- 4C545A
- 3A4045
- 282D31
- 181B1E
- 090B0C
- 010102
톤
- 9AA8B1
- 97A3AC
- 949FA6
- 919AA1
- 8E969B
- 8C9196
- 898D90
- 86898B
- 838485
색 조화
보색 +180°
- 9DACB7
Urban Pigeon
- B5A79B
≈ Nantucket Sands
유사색 -30° +30°
- 9DACB7
Urban Pigeon
- 9AAEB2
≈ Interesting Aqua
- A4A9B9
≈ Ridge View
삼각 배색 +120° +240°
- 9DACB7
Urban Pigeon
- B7A4A9
≈ Magical Mauve
- A8AC9C
≈ Meditation
분열 보색 +150° +210°
- 9DACB7
Urban Pigeon
- B8A5A1
≈ Prestige
- AFA99A
≈ Grey Silt
사각 배색 +90° +180° +270°
- 9DACB7
Urban Pigeon
- B2A5B1
≈ Midsummer Twilight
- B5A79B
≈ Nantucket Sands
- A0AEA2
≈ Grass Sands
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.01:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--urban-pigeon: #9dacb7;
--urban-pigeon-rgb: 157 172 183;
--urban-pigeon-oklch: oklch(0.736 0.023 239.6);
}
.element {
color: var(--urban-pigeon);
background-color: hsl(205 15% 67%);
border-color: oklch(0.736 0.023 239.6);
}Tailwind CSS v4
@theme {
--color-urban-pigeon: #9dacb7;
--color-urban-pigeon-50: #f0f6fb;
--color-urban-pigeon-100: #e1e9ef;
--color-urban-pigeon-200: #ccd6dd;
--color-urban-pigeon-300: #adb9c2;
--color-urban-pigeon-400: #93a1ab;
--color-urban-pigeon-500: #798994;
--color-urban-pigeon-600: #66747d;
--color-urban-pigeon-700: #525c64;
--color-urban-pigeon-800: #3b444a;
--color-urban-pigeon-900: #292f33;
--color-urban-pigeon-950: #161b1f;
}SCSS
$urban-pigeon: #9dacb7;
$urban-pigeon-rgb: 157, 172, 183;
$urban-pigeon-light: mix(#fff, $urban-pigeon, 20%);
$urban-pigeon-dark: mix(#000, $urban-pigeon, 20%);
.element {
color: $urban-pigeon;
box-shadow: 0 0 0 2px rgba($urban-pigeon, 0.35);
}