이름 색상 · #F8F7E6
Ivory Keys
Ivory Keys은(는) #F8F7E6: rgb(248 247 230), hsl(57 56% 94%), oklch(0.972 0.022 104.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ivory Keys color name →
#F8F7E6
oklch(0.972 0.022 104.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F9F8E9
- F9F9EB
- FAF9EE
- FBFAF0
- FBFBF3
- FCFCF5
- FDFDF8
- FEFDFA
- FEFEFD
셰이드
- D8D7C8
- B8B7AB
- 9A998E
- 7C7C73
- 606059
- 454540
- 2C2C28
- 151513
- 030303
톤
- EBEADB
- DFDED1
- D3D2C6
- C6C6BC
- BABAB2
- AEAEA8
- A2A29D
- 979794
- 8B8B8A
색 조화
보색 +180°
- F8F7E6
Ivory Keys
- F4F5FF
≈ Sugar Crystal
유사색 -30° +30°
- F8F7E6
Ivory Keys
- FFF4E6
≈ Soft Pillow
- F0FAEA
≈ White Sulphur
삼각 배색 +120° +240°
- F8F7E6
Ivory Keys
- EAF9FF
≈ Clear Skies
- FFF2F9
≈ Pinkish White
분열 보색 +150° +210°
- F8F7E6
Ivory Keys
- F0F7FF
≈ Alice Blue
- FBF2FF
≈ Sugar Crystal
사각 배색 +90° +180° +270°
- F8F7E6
Ivory Keys
- E6FBFA
≈ Calm Waters
- F4F5FF
≈ Sugar Crystal
- FFF2F3
≈ Glimpse of Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.08:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.43:1 · APCA Lc 102
가장 좋은 글자색: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
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);
}