이름 색상 · #B6C9A6
Seacrest
Seacrest은(는) #B6C9A6: rgb(182 201 166), hsl(93 24% 72%), oklch(0.812 0.052 130.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Seacrest color name →
#B6C9A6
oklch(0.812 0.052 130.8)
색상 변환
- HEX
- #b6c9a6
- RGB
- rgb(182 201 166)
- HSL
- hsl(93 24% 72%)
- HWB
- hwb(93 65% 21%)
- OKLCH
- oklch(0.812 0.052 130.8)
- OKLab
- oklab(0.812 -0.034 0.04)
- CIE Lab
- lab(78.81 -11.42 15.29)
- LCH
- lch(78.81 19.08 126.8)
- CMYK
- cmyk(9% 0% 17% 21%)
틴트 · 셰이드 · 톤
틴트
- BDCEAF
- C4D4B8
- CBD9C0
- D3DEC9
- DAE4D2
- E1E9DB
- E9EFE4
- F0F4ED
- F8FAF6
셰이드
- 9EAE90
- 86957A
- 6F7C65
- 596451
- 444C3E
- 30362B
- 1D221A
- 0C0F0A
- 020201
톤
- B0C1A2
- ABBA9E
- A5B39B
- A0AB97
- 9BA493
- 959D8F
- 90958B
- 8B8E88
- 858784
색 조화
보색 +180°
- B6C9A6
Seacrest
- CCB9DB
≈ Pussyfoot
유사색 -30° +30°
- B6C9A6
Seacrest
- C9C39D
≈ Tangled Vines
- A5CDB7
≈ Bird’s Egg Green
삼각 배색 +120° +240°
- B6C9A6
Seacrest
- A9C5E3
≈ Water Wash
- E1B4B9
≈ Heart’s Content
분열 보색 +150° +210°
- B6C9A6
Seacrest
- BBBEE3
≈ Pretty Posie
- DAB5CC
≈ Blissfully Mine
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.89:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--seacrest: #b6c9a6;
--seacrest-rgb: 182 201 166;
--seacrest-oklch: oklch(0.812 0.052 130.8);
}
.element {
color: var(--seacrest);
background-color: hsl(93 24% 72%);
border-color: oklch(0.812 0.052 130.8);
}Tailwind CSS v4
@theme {
--color-seacrest: #b6c9a6;
--color-seacrest-50: #eff9e9;
--color-seacrest-100: #e1ecda;
--color-seacrest-200: #ccd9c3;
--color-seacrest-300: #adbea2;
--color-seacrest-400: #94a585;
--color-seacrest-500: #7a8e69;
--color-seacrest-600: #687859;
--color-seacrest-700: #536047;
--color-seacrest-800: #3d4633;
--color-seacrest-900: #2a3023;
--color-seacrest-950: #171d12;
}SCSS
$seacrest: #b6c9a6;
$seacrest-rgb: 182, 201, 166;
$seacrest-light: mix(#fff, $seacrest, 20%);
$seacrest-dark: mix(#000, $seacrest, 20%);
.element {
color: $seacrest;
box-shadow: 0 0 0 2px rgba($seacrest, 0.35);
}