이름 색상 · #A5C1B6
Folk Tales
Folk Tales은(는) #A5C1B6: rgb(165 193 182), hsl(156 18% 70%), oklch(0.787 0.034 169.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Folk Tales color name →
#A5C1B6
oklch(0.787 0.034 169.7)
색상 변환
- HEX
- #a5c1b6
- RGB
- rgb(165 193 182)
- HSL
- hsl(156 18% 70%)
- HWB
- hwb(156 65% 24%)
- OKLCH
- oklch(0.787 0.034 169.7)
- OKLab
- oklab(0.787 -0.034 0.006)
- CIE Lab
- lab(75.72 -11.48 2.21)
- LCH
- lch(75.72 11.69 169.1)
- CMYK
- cmyk(15% 0% 6% 24%)
틴트 · 셰이드 · 톤
틴트
- AEC7BD
- B7CDC4
- C0D3CB
- C9D9D3
- D2E0DA
- DBE6E1
- E4ECE9
- EDF2F0
- F6F9F8
셰이드
- 8FA79E
- 798F86
- 65776F
- 515F59
- 3D4944
- 2B3430
- 1A201D
- 0A0E0C
- 010202
톤
- A1BAB0
- 9EB4AB
- 9AADA5
- 96A6A0
- 93A09B
- 8F9995
- 8B9390
- 878D8B
- 848685
색 조화
보색 +180°
- A5C1B6
Folk Tales
- CCB1BD
≈ Runic Mauve
유사색 -30° +30°
- A5C1B6
Folk Tales
- AFBFAB
≈ Unroasted Coffee
- A1C1C2
≈ Aspiring Blue
삼각 배색 +120° +240°
- A5C1B6
Folk Tales
- B9B6CF
≈ Madder Blue
- CDB4A7
≈ Sashay Sand
분열 보색 +150° +210°
- A5C1B6
Folk Tales
- C4B3C8
≈ Delicate Mauve
- CFB1B1
≈ Izmir Pink
사각 배색 +90° +180° +270°
- A5C1B6
Folk Tales
- ADBAD0
≈ Sailor Boy
- CCB1BD
≈ Runic Mauve
- C5B8A2
≈ Sandy Toes
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.90:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.90:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--folk-tales: #a5c1b6;
--folk-tales-rgb: 165 193 182;
--folk-tales-oklch: oklch(0.787 0.034 169.7);
}
.element {
color: var(--folk-tales);
background-color: hsl(156 18% 70%);
border-color: oklch(0.787 0.034 169.7);
}Tailwind CSS v4
@theme {
--color-folk-tales: #a5c1b6;
--color-folk-tales-50: #ecf8f4;
--color-folk-tales-100: #ddece6;
--color-folk-tales-200: #c7d9d2;
--color-folk-tales-300: #a7bdb5;
--color-folk-tales-400: #8ba59b;
--color-folk-tales-500: #708e83;
--color-folk-tales-600: #5f786e;
--color-folk-tales-700: #4c6058;
--color-folk-tales-800: #374640;
--color-folk-tales-900: #26312c;
--color-folk-tales-950: #141d19;
}SCSS
$folk-tales: #a5c1b6;
$folk-tales-rgb: 165, 193, 182;
$folk-tales-light: mix(#fff, $folk-tales, 20%);
$folk-tales-dark: mix(#000, $folk-tales, 20%);
.element {
color: $folk-tales;
box-shadow: 0 0 0 2px rgba($folk-tales, 0.35);
}