Nazwany kolor · #A9AFAA
Pigeon
Pigeon to #A9AFAA: rgb(169 175 170), hsl(130 4% 67%), oklch(0.748 0.01 150.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pigeon color name →
#A9AFAA
oklch(0.748 0.01 150.6)
Konwersje koloru
- HEX
- #a9afaa
- RGB
- rgb(169 175 170)
- HSL
- hsl(130 4% 67%)
- HWB
- hwb(130 66% 31%)
- OKLCH
- oklch(0.748 0.01 150.6)
- OKLab
- oklab(0.748 -0.009 0.005)
- CIE Lab
- lab(70.87 -2.9 1.8)
- LCH
- lch(70.87 3.41 148.2)
- CMYK
- cmyk(3% 0% 3% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1B7B2
- BABFBA
- C2C6C3
- CBCECB
- D3D6D4
- DCDEDC
- E5E6E5
- EDEFEE
- F6F7F6
Odcienie ciemniejsze
- 929893
- 7C817D
- 676B68
- 535653
- 3F413F
- 2C2E2D
- 1B1C1B
- 0A0B0B
- 010101
Tony
- A5AAA6
- A1A5A1
- 9CA19D
- 989C99
- 949795
- 909291
- 8C8E8C
- 888988
- 848584
Harmonie kolorów
Komplementarna +180°
- A9AFAA
Pigeon
- B1ABB0
≈ Pinch Purple
Analogowa -30° +30°
- A9AFAA
Pigeon
- ACAEA7
≈ Silver Chalice
- A7AFAD
≈ Wintry Sky
Triada +120° +240°
- A9AFAA
Pigeon
- ABADB4
≈ Northern Light Grey
- B3ABA9
≈ Smoky Wings
Komplementarna rozszczepiona +150° +210°
- A9AFAA
Pigeon
- AEACB3
≈ Sylph
- B3ABAD
≈ Pinch Purple
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.39:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--pigeon: #a9afaa;
--pigeon-rgb: 169 175 170;
--pigeon-oklch: oklch(0.748 0.01 150.6);
}
.element {
color: var(--pigeon);
background-color: hsl(130 4% 67%);
border-color: oklch(0.748 0.01 150.6);
}Tailwind CSS v4
@theme {
--color-pigeon: #a9afaa;
--color-pigeon-50: #f3f6f4;
--color-pigeon-100: #e5e9e6;
--color-pigeon-200: #d1d5d2;
--color-pigeon-300: #b4b9b5;
--color-pigeon-400: #9aa09b;
--color-pigeon-500: #828883;
--color-pigeon-600: #6e736f;
--color-pigeon-700: #585c59;
--color-pigeon-800: #404340;
--color-pigeon-900: #2c2e2c;
--color-pigeon-950: #191b19;
}SCSS
$pigeon: #a9afaa;
$pigeon-rgb: 169, 175, 170;
$pigeon-light: mix(#fff, $pigeon, 20%);
$pigeon-dark: mix(#000, $pigeon, 20%);
.element {
color: $pigeon;
box-shadow: 0 0 0 2px rgba($pigeon, 0.35);
}