Cor nomeada · #112358
Fibonacci Blue
Fibonacci Blue é #112358: rgb(17 35 88), hsl(225 68% 21%), oklch(0.278 0.099 265.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fibonacci Blue color name →
#112358
oklch(0.278 0.099 265.9)
Conversões de cor
- HEX
- #112358
- RGB
- rgb(17 35 88)
- HSL
- hsl(225 68% 21%)
- HWB
- hwb(225 7% 65%)
- OKLCH
- oklch(0.278 0.099 265.9)
- OKLab
- oklab(0.278 -0.007 -0.098)
- CIE Lab
- lab(15.07 9.76 -34.9)
- LCH
- lch(15.07 36.24 285.6)
- CMYK
- cmyk(81% 60% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 243768
- 394C79
- 4F6189
- 66769A
- 7E8CAB
- 96A2BB
- AFB9CC
- C9D0DD
- E4E7EE
Sombras
- 0D1D4B
- 09173F
- 061133
- 040C28
- 02071D
- 010412
- 000109
- 000003
- 000000
Tons
- 1B2D5D
- 253661
- 2F3F66
- 3A496A
- 45526E
- 515B72
- 5C6476
- 686D79
- 74777D
Harmonias de cor
Complementar +180°
- 112358
Fibonacci Blue
- 352600
≈ Secret Passage
Análoga -30° +30°
- 112358
Fibonacci Blue
- 002C41
≈ Murky Depths
- 2E1952
≈ Russian Violet
Tríade +120° +240°
- 112358
Fibonacci Blue
- 4E0A0B
≈ Minotaur Hide
- 00330A
≈ Haunted Hills
Complementar dividida +150° +210°
- 112358
Fibonacci Blue
- 411E00
≈ Dark Ebony
- 272C00
≈ Blind Forest
Tétrade +90° +180° +270°
- 112358
Fibonacci Blue
- 4A0A2A
≈ What We Do in the Shadows
- 352600
≈ Secret Passage
- 003027
≈ Dark Jungle
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 14.94:1 · APCA Lc 101
Ag
FailSobre preto
WCAG 1.40:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 14.94:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--fibonacci-blue: #112358;
--fibonacci-blue-rgb: 17 35 88;
--fibonacci-blue-oklch: oklch(0.278 0.099 265.9);
}
.element {
color: var(--fibonacci-blue);
background-color: hsl(225 68% 21%);
border-color: oklch(0.278 0.099 265.9);
}Tailwind CSS v4
@theme {
--color-fibonacci-blue: #112358;
--color-fibonacci-blue-50: #e9f5ff;
--color-fibonacci-blue-100: #dae8ff;
--color-fibonacci-blue-200: #c2d4ff;
--color-fibonacci-blue-300: #a2b6eb;
--color-fibonacci-blue-400: #839dd9;
--color-fibonacci-blue-500: #6784c8;
--color-fibonacci-blue-600: #5870a9;
--color-fibonacci-blue-700: #465987;
--color-fibonacci-blue-800: #314265;
--color-fibonacci-blue-900: #212d47;
--color-fibonacci-blue-950: #101a2e;
}SCSS
$fibonacci-blue: #112358;
$fibonacci-blue-rgb: 17, 35, 88;
$fibonacci-blue-light: mix(#fff, $fibonacci-blue, 20%);
$fibonacci-blue-dark: mix(#000, $fibonacci-blue, 20%);
.element {
color: $fibonacci-blue;
box-shadow: 0 0 0 2px rgba($fibonacci-blue, 0.35);
}