Colore con nome · #757166
King Fischer
King Fischer è #757166: rgb(117 113 102), hsl(44 7% 43%), oklch(0.549 0.017 90.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · King Fischer color name →
#757166
oklch(0.549 0.017 90.3)
Conversioni di colore
- HEX
- #757166
- RGB
- rgb(117 113 102)
- HSL
- hsl(44 7% 43%)
- HWB
- hwb(44 40% 54%)
- OKLCH
- oklch(0.549 0.017 90.3)
- OKLab
- oklab(0.549 0 0.017)
- CIE Lab
- lab(47.75 0.05 6.71)
- LCH
- lch(47.75 6.71 89.5)
- CMYK
- cmyk(0% 3% 13% 54%)
Tinte · Ombre · Toni
Tinte
- 827E74
- 8F8C83
- 9C9991
- AAA7A0
- B8B5AF
- C5C4BF
- D4D2CF
- E2E1DF
- F0F0EF
Ombre
- 656158
- 55524A
- 46433C
- 37352F
- 292723
- 1C1A17
- 0F0E0C
- 050404
- 010100
Toni
- 767269
- 77746B
- 78756E
- 797770
- 7A7873
- 7C7A76
- 7D7B78
- 7E7D7B
- 7F7E7D
Armonie di colore
Complementare +180°
- 757166
King Fischer
- 6D717C
≈ Made in the Shade
Analogo -30° +30°
- 757166
King Fischer
- 796F67
≈ Shadow Cliff
- 707368
≈ Wetlands
Triadico +120° +240°
- 757166
King Fischer
- 667477
≈ Rain Shadow
- 776E76
≈ Lavender Elegance
Complementare divisa +150° +210°
- 757166
King Fischer
- 69737B
≈ Made in the Shade
- 736F7A
≈ Exclusive Plum
Tetradico +90° +180° +270°
- 757166
King Fischer
- 677572
≈ Sirocco
- 6D717C
≈ Made in the Shade
- 7A6D71
≈ Pineal Pink
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.87:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.31:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.87:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--king-fischer: #757166;
--king-fischer-rgb: 117 113 102;
--king-fischer-oklch: oklch(0.549 0.017 90.3);
}
.element {
color: var(--king-fischer);
background-color: hsl(44 7% 43%);
border-color: oklch(0.549 0.017 90.3);
}Tailwind CSS v4
@theme {
--color-king-fischer: #757166;
--color-king-fischer-50: #f7f5f0;
--color-king-fischer-100: #eae8e1;
--color-king-fischer-200: #d7d4cc;
--color-king-fischer-300: #bab7ae;
--color-king-fischer-400: #a29e93;
--color-king-fischer-500: #8a8679;
--color-king-fischer-600: #757167;
--color-king-fischer-700: #5e5b52;
--color-king-fischer-800: #45423c;
--color-king-fischer-900: #302e29;
--color-king-fischer-950: #1c1a17;
}SCSS
$king-fischer: #757166;
$king-fischer-rgb: 117, 113, 102;
$king-fischer-light: mix(#fff, $king-fischer, 20%);
$king-fischer-dark: mix(#000, $king-fischer, 20%);
.element {
color: $king-fischer;
box-shadow: 0 0 0 2px rgba($king-fischer, 0.35);
}