Color con nombre · #8FA6C1
Frills
Frills es #8FA6C1: rgb(143 166 193), hsl(212 29% 66%), oklch(0.717 0.047 252.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Frills color name →
#8FA6C1
oklch(0.717 0.047 252.6)
Conversiones de color
- HEX
- #8fa6c1
- RGB
- rgb(143 166 193)
- HSL
- hsl(212 29% 66%)
- HWB
- hwb(212 56% 24%)
- OKLCH
- oklch(0.717 0.047 252.6)
- OKLab
- oklab(0.717 -0.014 -0.045)
- CIE Lab
- lab(67.04 -3.67 -16.73)
- LCH
- lch(67.04 17.13 257.6)
- CMYK
- cmyk(26% 14% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- 9AAFC7
- A5B7CD
- B0C0D4
- BBC9DA
- C6D2E0
- D1DBE6
- DCE4EC
- E8EDF3
- F3F6F9
Sombras
- 7C90A7
- 697A8F
- 576577
- 45515F
- 343E49
- 242B34
- 151A20
- 070A0E
- 010102
Tonos
- 8EA2BA
- 8C9EB4
- 8B9BAD
- 8997A7
- 8893A0
- 868F9A
- 858B93
- 83888D
- 828486
Armonías de color
Complementario +180°
- 8FA6C1
Frills
- B69F84
≈ Craft Brown
Análogo -30° +30°
- 8FA6C1
Frills
- 84ABB9
≈ Summerhouse Blue
- 9FA0C1
≈ Ruffled Iris
Triádico +120° +240°
- 8FA6C1
Frills
- BF989B
≈ It’s Your Mauve
- 98AA8C
≈ Banyan Serenity
Complementario dividido +150° +210°
- 8FA6C1
Frills
- BE9B8D
≈ Coquina Shell
- A9A583
≈ Neutral Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.39:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--frills: #8fa6c1;
--frills-rgb: 143 166 193;
--frills-oklch: oklch(0.717 0.047 252.6);
}
.element {
color: var(--frills);
background-color: hsl(212 29% 66%);
border-color: oklch(0.717 0.047 252.6);
}Tailwind CSS v4
@theme {
--color-frills: #8fa6c1;
--color-frills-50: #ecf6ff;
--color-frills-100: #dee9f8;
--color-frills-200: #c7d6e9;
--color-frills-300: #a7b9d0;
--color-frills-400: #8ba1ba;
--color-frills-500: #7089a5;
--color-frills-600: #5f748c;
--color-frills-700: #4c5c70;
--color-frills-800: #364452;
--color-frills-900: #252f39;
--color-frills-950: #141b24;
}SCSS
$frills: #8fa6c1;
$frills-rgb: 143, 166, 193;
$frills-light: mix(#fff, $frills, 20%);
$frills-dark: mix(#000, $frills, 20%);
.element {
color: $frills;
box-shadow: 0 0 0 2px rgba($frills, 0.35);
}