Colore con nome · #889398
Carrier Pigeon Blue
Carrier Pigeon Blue è #889398: rgb(136 147 152), hsl(199 7% 56%), oklch(0.656 0.015 226.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Carrier Pigeon Blue color name →
#889398
oklch(0.656 0.015 226.7)
Conversioni di colore
- HEX
- #889398
- RGB
- rgb(136 147 152)
- HSL
- hsl(199 7% 56%)
- HWB
- hwb(199 53% 40%)
- OKLCH
- oklch(0.656 0.015 226.7)
- OKLab
- oklab(0.656 -0.01 -0.011)
- CIE Lab
- lab(60.16 -3.33 -4.09)
- LCH
- lch(60.16 5.27 230.8)
- CMYK
- cmyk(11% 3% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 939DA2
- 9FA8AC
- AAB2B6
- B6BDC0
- C2C8CA
- CED3D5
- DADDDF
- E6E9EA
- F3F4F4
Ombre
- 757F84
- 636C70
- 52595C
- 41474A
- 313638
- 222527
- 131617
- 060808
- 010101
Toni
- 879196
- 868F93
- 868D91
- 858B8E
- 84898C
- 83888A
- 828687
- 828485
- 818282
Armonie di colore
Complementare +180°
- 889398
Carrier Pigeon Blue
- 998E89
≈ Screed Grey
Analogo -30° +30°
- 889398
Carrier Pigeon Blue
- 879494
≈ Deep Sea Grey
- 8B919A
≈ Seal Grey
Triadico +120° +240°
- 889398
Carrier Pigeon Blue
- 988D93
≈ Heather Red Grey
- 929288
≈ Smoky Grey Green
Complementare divisa +150° +210°
- 889398
Carrier Pigeon Blue
- 9A8E8E
≈ Grey Violet
- 969087
≈ Champignon
Tetradico +90° +180° +270°
- 889398
Carrier Pigeon Blue
- 958E97
≈ Aragonite Grey
- 998E89
≈ Screed Grey
- 8D938A
≈ Grey Heron
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.67:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--carrier-pigeon-blue: #889398;
--carrier-pigeon-blue-rgb: 136 147 152;
--carrier-pigeon-blue-oklch: oklch(0.656 0.015 226.7);
}
.element {
color: var(--carrier-pigeon-blue);
background-color: hsl(199 7% 56%);
border-color: oklch(0.656 0.015 226.7);
}Tailwind CSS v4
@theme {
--color-carrier-pigeon-blue: #889398;
--color-carrier-pigeon-blue-50: #f1f6f8;
--color-carrier-pigeon-blue-100: #e3e9ec;
--color-carrier-pigeon-blue-200: #ced6d9;
--color-carrier-pigeon-blue-300: #b0b9bd;
--color-carrier-pigeon-blue-400: #96a0a5;
--color-carrier-pigeon-blue-500: #7c888e;
--color-carrier-pigeon-blue-600: #697378;
--color-carrier-pigeon-blue-700: #545c60;
--color-carrier-pigeon-blue-800: #3d4446;
--color-carrier-pigeon-blue-900: #2a2f31;
--color-carrier-pigeon-blue-950: #181b1d;
}SCSS
$carrier-pigeon-blue: #889398;
$carrier-pigeon-blue-rgb: 136, 147, 152;
$carrier-pigeon-blue-light: mix(#fff, $carrier-pigeon-blue, 20%);
$carrier-pigeon-blue-dark: mix(#000, $carrier-pigeon-blue, 20%);
.element {
color: $carrier-pigeon-blue;
box-shadow: 0 0 0 2px rgba($carrier-pigeon-blue, 0.35);
}