이름 색상 · #8F939D
Lilac Fields
Lilac Fields은(는) #8F939D: rgb(143 147 157), hsl(223 7% 59%), oklch(0.663 0.015 268.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lilac Fields color name →
#8F939D
oklch(0.663 0.015 268.4)
색상 변환
- HEX
- #8f939d
- RGB
- rgb(143 147 157)
- HSL
- hsl(223 7% 59%)
- HWB
- hwb(223 56% 38%)
- OKLCH
- oklch(0.663 0.015 268.4)
- OKLab
- oklab(0.663 0 -0.015)
- CIE Lab
- lab(60.85 0.02 -5.82)
- LCH
- lch(60.85 5.82 270.2)
- CMYK
- cmyk(9% 6% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 9A9DA6
- A4A8B0
- AFB2BA
- BABDC3
- C6C8CD
- D1D3D7
- DCDDE1
- E8E9EB
- F3F4F5
셰이드
- 7C7F88
- 696C73
- 57595F
- 45474C
- 34363A
- 242528
- 151618
- 070809
- 010101
톤
- 8D919A
- 8C8F97
- 8A8D94
- 898B91
- 87898E
- 86888C
- 848689
- 838486
- 818283
색 조화
보색 +180°
- 8F939D
Lilac Fields
- 979389
≈ Lost Space
유사색 -30° +30°
- 8F939D
Lilac Fields
- 8B959C
≈ Blue Dusk
- 94919C
≈ Partridge Grey
삼각 배색 +120° +240°
- 8F939D
Lilac Fields
- 9C908E
≈ Neutral Buff
- 8D968E
≈ Renegade
분열 보색 +150° +210°
- 8F939D
Lilac Fields
- 9B918A
≈ Screed Grey
- 92958A
≈ Cornwall Slate
사각 배색 +90° +180° +270°
- 8F939D
Lilac Fields
- 9C8F93
≈ Autumn Orchid
- 979389
≈ Lost Space
- 8A9693
≈ Millennium Silver
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.07:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.82:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-fields: #8f939d;
--lilac-fields-rgb: 143 147 157;
--lilac-fields-oklch: oklch(0.663 0.015 268.4);
}
.element {
color: var(--lilac-fields);
background-color: hsl(223 7% 59%);
border-color: oklch(0.663 0.015 268.4);
}Tailwind CSS v4
@theme {
--color-lilac-fields: #8f939d;
--color-lilac-fields-50: #f3f5fa;
--color-lilac-fields-100: #e6e8ed;
--color-lilac-fields-200: #d1d4db;
--color-lilac-fields-300: #b4b7c0;
--color-lilac-fields-400: #9a9ea8;
--color-lilac-fields-500: #828691;
--color-lilac-fields-600: #6e717a;
--color-lilac-fields-700: #585b62;
--color-lilac-fields-800: #404248;
--color-lilac-fields-900: #2c2e32;
--color-lilac-fields-950: #191b1e;
}SCSS
$lilac-fields: #8f939d;
$lilac-fields-rgb: 143, 147, 157;
$lilac-fields-light: mix(#fff, $lilac-fields, 20%);
$lilac-fields-dark: mix(#000, $lilac-fields, 20%);
.element {
color: $lilac-fields;
box-shadow: 0 0 0 2px rgba($lilac-fields, 0.35);
}