이름 색상 · #8BD3C6
Green Daze
Green Daze은(는) #8BD3C6: rgb(139 211 198), hsl(169 45% 69%), oklch(0.816 0.075 181.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Green Daze color name →
#8BD3C6
oklch(0.816 0.075 181.8)
색상 변환
- HEX
- #8bd3c6
- RGB
- rgb(139 211 198)
- HSL
- hsl(169 45% 69%)
- HWB
- hwb(169 55% 17%)
- OKLCH
- oklch(0.816 0.075 181.8)
- OKLab
- oklab(0.816 -0.075 -0.002)
- CIE Lab
- lab(79.54 -25.63 -1.08)
- LCH
- lch(79.54 25.65 182.4)
- CMYK
- cmyk(34% 0% 6% 17%)
틴트 · 셰이드 · 톤
틴트
- 97D7CC
- A4DCD1
- AFE0D7
- BBE5DC
- C7E9E2
- D2EEE8
- DDF2EE
- E9F6F3
- F4FBF9
셰이드
- 78B7AC
- 669C92
- 54827A
- 436962
- 32514B
- 233A35
- 142421
- 07100E
- 010202
톤
- 8BCABF
- 8AC2B8
- 8ABAB0
- 89B1A9
- 88A9A2
- 87A19B
- 859894
- 84908E
- 828887
색 조화
보색 +180°
- 8BD3C6
Green Daze
- EDAFBF
≈ Fallen Blossoms
유사색 -30° +30°
- 8BD3C6
Green Daze
- 9FD1AB
≈ Chinook
- 88D0DF
≈ Bluish Water
삼각 배색 +120° +240°
- 8BD3C6
Green Daze
- CBB8EC
≈ Connecticut Lilac
- E6B891
≈ Southern Peach
분열 보색 +150° +210°
- 8BD3C6
Green Daze
- E0B1D9
≈ Bff
- EFB2A5
≈ Lusty Salmon
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.23:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--green-daze: #8bd3c6;
--green-daze-rgb: 139 211 198;
--green-daze-oklch: oklch(0.816 0.075 181.8);
}
.element {
color: var(--green-daze);
background-color: hsl(169 45% 69%);
border-color: oklch(0.816 0.075 181.8);
}Tailwind CSS v4
@theme {
--color-green-daze: #8bd3c6;
--color-green-daze-50: #dffdf7;
--color-green-daze-100: #cef1ea;
--color-green-daze-200: #b2dfd8;
--color-green-daze-300: #8cc4bb;
--color-green-daze-400: #6aada1;
--color-green-daze-500: #45968a;
--color-green-daze-600: #3c7f74;
--color-green-daze-700: #30665d;
--color-green-daze-800: #224b43;
--color-green-daze-900: #16342e;
--color-green-daze-950: #071f1b;
}SCSS
$green-daze: #8bd3c6;
$green-daze-rgb: 139, 211, 198;
$green-daze-light: mix(#fff, $green-daze, 20%);
$green-daze-dark: mix(#000, $green-daze, 20%);
.element {
color: $green-daze;
box-shadow: 0 0 0 2px rgba($green-daze, 0.35);
}