이름 색상 · #8FCBC0
Deco-Rate
Deco-Rate은(는) #8FCBC0: rgb(143 203 192), hsl(169 37% 68%), oklch(0.798 0.064 182). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Deco-Rate color name →
#8FCBC0
oklch(0.798 0.064 182)
색상 변환
- HEX
- #8fcbc0
- RGB
- rgb(143 203 192)
- HSL
- hsl(169 37% 68%)
- HWB
- hwb(169 56% 20%)
- OKLCH
- oklch(0.798 0.064 182)
- OKLab
- oklab(0.798 -0.064 -0.002)
- CIE Lab
- lab(77.35 -21.81 -1.01)
- LCH
- lch(77.35 21.83 182.7)
- CMYK
- cmyk(30% 0% 5% 20%)
틴트 · 셰이드 · 톤
틴트
- 9BD0C6
- A6D5CC
- B1DBD3
- BDE0D9
- C8E5DF
- D3EAE5
- DEEFEC
- E9F5F2
- F4FAF9
셰이드
- 7CB0A7
- 69968E
- 577D76
- 45655F
- 344D49
- 243734
- 152220
- 070F0E
- 010202
톤
- 8EC3B9
- 8DBCB3
- 8CB4AC
- 8BACA6
- 89A59F
- 889D99
- 869693
- 848F8C
- 828786
색 조화
보색 +180°
- 8FCBC0
Deco-Rate
- E1ADBA
≈ Sekichiku Pink
유사색 -30° +30°
- 8FCBC0
Deco-Rate
- 9FC9A9
≈ French Market
- 8DC9D5
≈ Maiden Voyage
삼각 배색 +120° +240°
- 8FCBC0
Deco-Rate
- C4B4E0
≈ Moonraker
- DCB594
≈ Feline Frolic
분열 보색 +150° +210°
- 8FCBC0
Deco-Rate
- D6AFD0
≈ Lavender Knoll
- E3AFA4
≈ Pale Blush
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.47:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.47:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--deco-rate: #8fcbc0;
--deco-rate-rgb: 143 203 192;
--deco-rate-oklch: oklch(0.798 0.064 182);
}
.element {
color: var(--deco-rate);
background-color: hsl(169 37% 68%);
border-color: oklch(0.798 0.064 182);
}Tailwind CSS v4
@theme {
--color-deco-rate: #8fcbc0;
--color-deco-rate-50: #e2fcf7;
--color-deco-rate-100: #d2efea;
--color-deco-rate-200: #b7ded7;
--color-deco-rate-300: #93c3bb;
--color-deco-rate-400: #73aba1;
--color-deco-rate-500: #529489;
--color-deco-rate-600: #467d74;
--color-deco-rate-700: #38645d;
--color-deco-rate-800: #284a43;
--color-deco-rate-900: #1b332e;
--color-deco-rate-950: #0b1f1b;
}SCSS
$deco-rate: #8fcbc0;
$deco-rate-rgb: 143, 203, 192;
$deco-rate-light: mix(#fff, $deco-rate, 20%);
$deco-rate-dark: mix(#000, $deco-rate, 20%);
.element {
color: $deco-rate;
box-shadow: 0 0 0 2px rgba($deco-rate, 0.35);
}