Colore con nome · #9EABAD
Citadel Blue
Citadel Blue è #9EABAD: rgb(158 171 173), hsl(188 8% 65%), oklch(0.732 0.015 207.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Citadel Blue color name →
#9EABAD
oklch(0.732 0.015 207.9)
Conversioni di colore
- HEX
- #9eabad
- RGB
- rgb(158 171 173)
- HSL
- hsl(188 8% 65%)
- HWB
- hwb(188 62% 32%)
- OKLCH
- oklch(0.732 0.015 207.9)
- OKLab
- oklab(0.732 -0.013 -0.007)
- CIE Lab
- lab(68.99 -4.42 -2.68)
- LCH
- lch(68.99 5.17 211.2)
- CMYK
- cmyk(9% 1% 0% 32%)
Tinte · Ombre · Toni
Tinte
- A7B3B5
- B1BBBD
- BAC4C5
- C4CCCD
- CED4D5
- D7DDDE
- E1E5E6
- EBEEEE
- F5F6F7
Ombre
- 899496
- 747E7F
- 60686A
- 4D5455
- 3A4041
- 292D2D
- 181B1B
- 090B0B
- 010101
Toni
- 9BA7A8
- 98A2A4
- 959E9F
- 929A9B
- 8F9596
- 8C9192
- 898D8D
- 868889
- 838484
Armonie di colore
Complementare +180°
- 9EABAD
Citadel Blue
- B1A5A3
≈ Cool Lavender
Analogo -30° +30°
- 9EABAD
Citadel Blue
- 9FABA8
≈ Feldspar Silver
- A0AAB1
≈ Chateau de Chillon
Triadico +120° +240°
- 9EABAD
Citadel Blue
- AEA5AD
≈ Beguiling Mauve
- ACA89E
≈ Hot Stone
Complementare divisa +150° +210°
- 9EABAD
Citadel Blue
- B1A4A8
≈ Beguiling Mauve
- B0A69F
≈ Ashen Grey
Tetradico +90° +180° +270°
- 9EABAD
Citadel Blue
- A9A6B1
≈ Palace Walls
- B1A5A3
≈ Cool Lavender
- A7AA9F
≈ Gracious Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.88:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--citadel-blue: #9eabad;
--citadel-blue-rgb: 158 171 173;
--citadel-blue-oklch: oklch(0.732 0.015 207.9);
}
.element {
color: var(--citadel-blue);
background-color: hsl(188 8% 65%);
border-color: oklch(0.732 0.015 207.9);
}Tailwind CSS v4
@theme {
--color-citadel-blue: #9eabad;
--color-citadel-blue-50: #f1f6f7;
--color-citadel-blue-100: #e2e9ea;
--color-citadel-blue-200: #cdd6d8;
--color-citadel-blue-300: #afbabb;
--color-citadel-blue-400: #95a1a3;
--color-citadel-blue-500: #7b898b;
--color-citadel-blue-600: #687476;
--color-citadel-blue-700: #535d5e;
--color-citadel-blue-800: #3d4445;
--color-citadel-blue-900: #2a2f30;
--color-citadel-blue-950: #171b1c;
}SCSS
$citadel-blue: #9eabad;
$citadel-blue-rgb: 158, 171, 173;
$citadel-blue-light: mix(#fff, $citadel-blue, 20%);
$citadel-blue-dark: mix(#000, $citadel-blue, 20%);
.element {
color: $citadel-blue;
box-shadow: 0 0 0 2px rgba($citadel-blue, 0.35);
}