Nazwany kolor · #F8F7E6
Ivory Keys
Ivory Keys to #F8F7E6: rgb(248 247 230), hsl(57 56% 94%), oklch(0.972 0.022 104.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ivory Keys color name →
#F8F7E6
oklch(0.972 0.022 104.1)
Konwersje koloru
- HEX
- #f8f7e6
- RGB
- rgb(248 247 230)
- HSL
- hsl(57 56% 94%)
- HWB
- hwb(57 90% 3%)
- OKLCH
- oklch(0.972 0.022 104.1)
- OKLab
- oklab(0.972 -0.005 0.022)
- CIE Lab
- lab(96.97 -1.8 8.33)
- LCH
- lch(96.97 8.52 102.2)
- CMYK
- cmyk(0% 0% 7% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9F8E9
- F9F9EB
- FAF9EE
- FBFAF0
- FBFBF3
- FCFCF5
- FDFDF8
- FEFDFA
- FEFEFD
Odcienie ciemniejsze
- D8D7C8
- B8B7AB
- 9A998E
- 7C7C73
- 606059
- 454540
- 2C2C28
- 151513
- 030303
Tony
- EBEADB
- DFDED1
- D3D2C6
- C6C6BC
- BABAB2
- AEAEA8
- A2A29D
- 979794
- 8B8B8A
Harmonie kolorów
Komplementarna +180°
- F8F7E6
Ivory Keys
- F4F5FF
≈ Sugar Crystal
Analogowa -30° +30°
- F8F7E6
Ivory Keys
- FFF4E6
≈ Soft Pillow
- F0FAEA
≈ White Sulphur
Triada +120° +240°
- F8F7E6
Ivory Keys
- EAF9FF
≈ Clear Skies
- FFF2F9
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- F8F7E6
Ivory Keys
- F0F7FF
≈ Alice Blue
- FBF2FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
- F8F7E6
Ivory Keys
- E6FBFA
≈ Calm Waters
- F4F5FF
≈ Sugar Crystal
- FFF2F3
≈ Glimpse of Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.43:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--ivory-keys: #f8f7e6;
--ivory-keys-rgb: 248 247 230;
--ivory-keys-oklch: oklch(0.972 0.022 104.1);
}
.element {
color: var(--ivory-keys);
background-color: hsl(57 56% 94%);
border-color: oklch(0.972 0.022 104.1);
}Tailwind CSS v4
@theme {
--color-ivory-keys: #f8f7e6;
--color-ivory-keys-50: #f6f6ee;
--color-ivory-keys-100: #e9e8e0;
--color-ivory-keys-200: #d5d5ca;
--color-ivory-keys-300: #b8b8ab;
--color-ivory-keys-400: #a09f90;
--color-ivory-keys-500: #888776;
--color-ivory-keys-600: #737264;
--color-ivory-keys-700: #5c5b50;
--color-ivory-keys-800: #44433a;
--color-ivory-keys-900: #2f2e28;
--color-ivory-keys-950: #1b1b16;
}SCSS
$ivory-keys: #f8f7e6;
$ivory-keys-rgb: 248, 247, 230;
$ivory-keys-light: mix(#fff, $ivory-keys, 20%);
$ivory-keys-dark: mix(#000, $ivory-keys, 20%);
.element {
color: $ivory-keys;
box-shadow: 0 0 0 2px rgba($ivory-keys, 0.35);
}