이름 색상 · #B1C1B8
April Thicket
April Thicket은(는) #B1C1B8: rgb(177 193 184), hsl(146 11% 73%), oklch(0.796 0.022 161.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · April Thicket color name →
#B1C1B8
oklch(0.796 0.022 161.3)
색상 변환
- HEX
- #b1c1b8
- RGB
- rgb(177 193 184)
- HSL
- hsl(146 11% 73%)
- HWB
- hwb(146 69% 24%)
- OKLCH
- oklch(0.796 0.022 161.3)
- OKLab
- oklab(0.796 -0.02 0.007)
- CIE Lab
- lab(76.63 -6.98 2.57)
- LCH
- lch(76.63 7.44 159.8)
- CMYK
- cmyk(8% 0% 5% 24%)
틴트 · 셰이드 · 톤
틴트
- B9C7BF
- C0CDC6
- C8D3CD
- D0D9D4
- D7E0DB
- DFE6E2
- E7ECE9
- EFF2F0
- F7F9F8
셰이드
- 99A7A0
- 838F88
- 6C7771
- 575F5B
- 424945
- 2F3431
- 1C201E
- 0C0E0C
- 010202
톤
- ACBAB2
- A7B4AD
- A2ADA7
- 9DA6A1
- 98A09C
- 939996
- 8E9390
- 8A8D8B
- 858685
색 조화
보색 +180°
- B1C1B8
April Thicket
- C7B7C0
≈ High Society
유사색 -30° +30°
- B1C1B8
April Thicket
- B7C0B1
≈ Kahili
- AEC1C0
≈ Sea Glass
삼각 배색 +120° +240°
- B1C1B8
April Thicket
- BABBCA
≈ Silverberry
- C9B8B2
≈ Subdue Red
분열 보색 +150° +210°
- B1C1B8
April Thicket
- C1B9C7
≈ Pocketful of Posies
- CAB7B9
≈ Iris Pink
사각 배색 +90° +180° +270°
- B1C1B8
April Thicket
- B3BECA
≈ Stainless Steel
- C7B7C0
≈ High Society
- C6BAAE
≈ Legendary
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.18:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--april-thicket: #b1c1b8;
--april-thicket-rgb: 177 193 184;
--april-thicket-oklch: oklch(0.796 0.022 161.3);
}
.element {
color: var(--april-thicket);
background-color: hsl(146 11% 73%);
border-color: oklch(0.796 0.022 161.3);
}Tailwind CSS v4
@theme {
--color-april-thicket: #b1c1b8;
--color-april-thicket-50: #f0f7f3;
--color-april-thicket-100: #e2eae6;
--color-april-thicket-200: #ccd7d2;
--color-april-thicket-300: #aebbb4;
--color-april-thicket-400: #94a39a;
--color-april-thicket-500: #7a8b82;
--color-april-thicket-600: #68756e;
--color-april-thicket-700: #535e58;
--color-april-thicket-800: #3c4540;
--color-april-thicket-900: #29302c;
--color-april-thicket-950: #171c19;
}SCSS
$april-thicket: #b1c1b8;
$april-thicket-rgb: 177, 193, 184;
$april-thicket-light: mix(#fff, $april-thicket, 20%);
$april-thicket-dark: mix(#000, $april-thicket, 20%);
.element {
color: $april-thicket;
box-shadow: 0 0 0 2px rgba($april-thicket, 0.35);
}