Nazwany kolor · #9DACB7
Urban Pigeon
Urban Pigeon to #9DACB7: rgb(157 172 183), hsl(205 15% 67%), oklch(0.736 0.023 239.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Urban Pigeon color name →
#9DACB7
oklch(0.736 0.023 239.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6B4BE
- B0BCC5
- BAC4CC
- C3CDD3
- CDD5DB
- D7DDE2
- E1E6E9
- EBEEF0
- F5F6F8
Odcienie ciemniejsze
- 88959F
- 737F87
- 5F6970
- 4C545A
- 3A4045
- 282D31
- 181B1E
- 090B0C
- 010102
Tony
- 9AA8B1
- 97A3AC
- 949FA6
- 919AA1
- 8E969B
- 8C9196
- 898D90
- 86898B
- 838485
Harmonie kolorów
Komplementarna +180°
- 9DACB7
Urban Pigeon
- B5A79B
≈ Nantucket Sands
Analogowa -30° +30°
- 9DACB7
Urban Pigeon
- 9AAEB2
≈ Interesting Aqua
- A4A9B9
≈ Ridge View
Triada +120° +240°
- 9DACB7
Urban Pigeon
- B7A4A9
≈ Magical Mauve
- A8AC9C
≈ Meditation
Komplementarna rozszczepiona +150° +210°
- 9DACB7
Urban Pigeon
- B8A5A1
≈ Prestige
- AFA99A
≈ Grey Silt
Tetrada +90° +180° +270°
- 9DACB7
Urban Pigeon
- B2A5B1
≈ Midsummer Twilight
- B5A79B
≈ Nantucket Sands
- A0AEA2
≈ Grass Sands
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.01:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
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);
}