Cor nomeada · #9DACB5
Irogon Blue
Irogon Blue é #9DACB5: rgb(157 172 181), hsl(203 14% 66%), oklch(0.736 0.021 234). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Irogon Blue color name →
#9DACB5
oklch(0.736 0.021 234)
Conversões de cor
- HEX
- #9dacb5
- RGB
- rgb(157 172 181)
- HSL
- hsl(203 14% 66%)
- HWB
- hwb(203 62% 29%)
- OKLCH
- oklch(0.736 0.021 234)
- OKLab
- oklab(0.736 -0.013 -0.017)
- CIE Lab
- lab(69.38 -4.03 -6.52)
- LCH
- lch(69.38 7.67 238.3)
- CMYK
- cmyk(13% 5% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- A6B4BC
- B0BCC3
- BAC4CB
- C3CDD2
- CDD5D9
- D7DDE1
- E1E6E8
- EBEEF0
- F5F6F7
Sombras
- 88959D
- 737F86
- 5F696F
- 4C5459
- 3A4044
- 282D30
- 181B1D
- 090B0C
- 010102
Tons
- 9AA8B0
- 97A3AA
- 949FA5
- 919A9F
- 8E969A
- 8C9195
- 898D90
- 86898A
- 838485
Harmonias de cor
Complementar +180°
- 9DACB5
Irogon Blue
- B5A69D
≈ Ashen Grey
Análoga -30° +30°
- 9DACB5
Irogon Blue
- 9BAEB0
≈ Interesting Aqua
- A3AAB7
≈ Ridge View
Tríade +120° +240°
- 9DACB5
Irogon Blue
- B5A4AA
≈ Foggy Plum
- A9AB9C
≈ Meditation
Complementar dividida +150° +210°
- 9DACB5
Irogon Blue
- B7A5A3
≈ Lilac Smoke
- B0A99B
≈ Grey Silt
Tétrade +90° +180° +270°
- 9DACB5
Irogon Blue
- B0A5B1
≈ Midsummer Twilight
- B5A69D
≈ Ashen Grey
- A2ADA1
≈ Green Balsam
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.00:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--irogon-blue: #9dacb5;
--irogon-blue-rgb: 157 172 181;
--irogon-blue-oklch: oklch(0.736 0.021 234);
}
.element {
color: var(--irogon-blue);
background-color: hsl(203 14% 66%);
border-color: oklch(0.736 0.021 234);
}Tailwind CSS v4
@theme {
--color-irogon-blue: #9dacb5;
--color-irogon-blue-50: #f0f6fa;
--color-irogon-blue-100: #e1e9ee;
--color-irogon-blue-200: #ccd6dc;
--color-irogon-blue-300: #aeb9c1;
--color-irogon-blue-400: #93a1a9;
--color-irogon-blue-500: #798992;
--color-irogon-blue-600: #66747c;
--color-irogon-blue-700: #525d63;
--color-irogon-blue-800: #3b4449;
--color-irogon-blue-900: #292f32;
--color-irogon-blue-950: #171b1e;
}SCSS
$irogon-blue: #9dacb5;
$irogon-blue-rgb: 157, 172, 181;
$irogon-blue-light: mix(#fff, $irogon-blue, 20%);
$irogon-blue-dark: mix(#000, $irogon-blue, 20%);
.element {
color: $irogon-blue;
box-shadow: 0 0 0 2px rgba($irogon-blue, 0.35);
}