Nazwany kolor · #8FA6C1
Frills
Frills to #8FA6C1: rgb(143 166 193), hsl(212 29% 66%), oklch(0.717 0.047 252.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Frills color name →
#8FA6C1
oklch(0.717 0.047 252.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AAFC7
- A5B7CD
- B0C0D4
- BBC9DA
- C6D2E0
- D1DBE6
- DCE4EC
- E8EDF3
- F3F6F9
Odcienie ciemniejsze
- 7C90A7
- 697A8F
- 576577
- 45515F
- 343E49
- 242B34
- 151A20
- 070A0E
- 010102
Tony
- 8EA2BA
- 8C9EB4
- 8B9BAD
- 8997A7
- 8893A0
- 868F9A
- 858B93
- 83888D
- 828486
Harmonie kolorów
Komplementarna +180°
- 8FA6C1
Frills
- B69F84
≈ Craft Brown
Analogowa -30° +30°
- 8FA6C1
Frills
- 84ABB9
≈ Summerhouse Blue
- 9FA0C1
≈ Ruffled Iris
Triada +120° +240°
- 8FA6C1
Frills
- BF989B
≈ It’s Your Mauve
- 98AA8C
≈ Banyan Serenity
Komplementarna rozszczepiona +150° +210°
- 8FA6C1
Frills
- BE9B8D
≈ Coquina Shell
- A9A583
≈ Neutral Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.50:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.39:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
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);
}