이름 색상 · #8ADACF
Island Breeze
Island Breeze은(는) #8ADACF: rgb(138 218 207), hsl(172 52% 70%), oklch(0.834 0.08 184.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Island Breeze color name →
#8ADACF
oklch(0.834 0.08 184.8)
색상 변환
- HEX
- #8adacf
- RGB
- rgb(138 218 207)
- HSL
- hsl(172 52% 70%)
- HWB
- hwb(172 54% 15%)
- OKLCH
- oklch(0.834 0.08 184.8)
- OKLab
- oklab(0.834 -0.08 -0.007)
- CIE Lab
- lab(81.67 -27.48 -2.76)
- LCH
- lch(81.67 27.62 185.7)
- CMYK
- cmyk(37% 0% 5% 15%)
틴트 · 셰이드 · 톤
틴트
- 97DED4
- A3E2D8
- AFE5DD
- BBE9E2
- C7EDE7
- D2F0EC
- DEF4F0
- E9F8F5
- F4FBFA
셰이드
- 77BDB4
- 65A299
- 53877F
- 426C67
- 32544F
- 223C38
- 142523
- 071110
- 010202
톤
- 8AD1C7
- 8AC8BF
- 8ABEB7
- 89B5AF
- 88ACA7
- 87A39F
- 869A97
- 84928F
- 828988
색 조화
보색 +180°
- 8ADACF
Island Breeze
- F7B3C2
≈ Love Spell
유사색 -30° +30°
- 8ADACF
Island Breeze
- 9FD9B2
≈ Frugal
- 89D6E9
≈ Tanager Turquoise
삼각 배색 +120° +240°
- 8ADACF
Island Breeze
- D4BCF3
≈ Connecticut Lilac
- EEBE91
≈ Golden Oat Coloured
분열 보색 +150° +210°
- 8ADACF
Island Breeze
- EAB5DE
≈ Pink Drink
- F8B6A6
≈ Just Blush
사각 배색 +90° +180° +270°
- 8ADACF
Island Breeze
- B9C5FD
≈ Light Periwinkle
- F7B3C2
≈ Love Spell
- D9C88C
≈ Asparagus Yellow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.01:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.01:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--island-breeze: #8adacf;
--island-breeze-rgb: 138 218 207;
--island-breeze-oklch: oklch(0.834 0.08 184.8);
}
.element {
color: var(--island-breeze);
background-color: hsl(172 52% 70%);
border-color: oklch(0.834 0.08 184.8);
}Tailwind CSS v4
@theme {
--color-island-breeze: #8adacf;
--color-island-breeze-50: #ddfdf9;
--color-island-breeze-100: #cbf1ec;
--color-island-breeze-200: #aee0da;
--color-island-breeze-300: #87c5be;
--color-island-breeze-400: #63aea4;
--color-island-breeze-500: #3b978d;
--color-island-breeze-600: #348077;
--color-island-breeze-700: #29675f;
--color-island-breeze-800: #1d4b45;
--color-island-breeze-900: #133430;
--color-island-breeze-950: #04201c;
}SCSS
$island-breeze: #8adacf;
$island-breeze-rgb: 138, 218, 207;
$island-breeze-light: mix(#fff, $island-breeze, 20%);
$island-breeze-dark: mix(#000, $island-breeze, 20%);
.element {
color: $island-breeze;
box-shadow: 0 0 0 2px rgba($island-breeze, 0.35);
}