이름 색상 · #A2EBD8
Oasis Stream
Oasis Stream은(는) #A2EBD8: rgb(162 235 216), hsl(164 65% 78%), oklch(0.887 0.077 176.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Oasis Stream color name →
#A2EBD8
oklch(0.887 0.077 176.4)
색상 변환
- HEX
- #a2ebd8
- RGB
- rgb(162 235 216)
- HSL
- hsl(164 65% 78%)
- HWB
- hwb(164 64% 8%)
- OKLCH
- oklch(0.887 0.077 176.4)
- OKLab
- oklab(0.887 -0.077 0.005)
- CIE Lab
- lab(87.85 -26.6 1.63)
- LCH
- lch(87.85 26.65 176.5)
- CMYK
- cmyk(31% 0% 8% 8%)
틴트 · 셰이드 · 톤
틴트
- ACEDDC
- B6EFE0
- C0F1E4
- C9F3E7
- D2F5EB
- DBF7EF
- E4F9F3
- EDFBF7
- F6FDFB
셰이드
- 8CCCBC
- 77AEA0
- 639185
- 4F756B
- 3C5B53
- 2A413B
- 192925
- 0A1311
- 010302
톤
- 9FE0CF
- 9CD5C6
- 99CABD
- 96BFB4
- 93B4AB
- 8FAAA2
- 8C9F9A
- 889591
- 848A88
색 조화
보색 +180°
- A2EBD8
Oasis Stream
- FFC8DB
≈ Blossom Tree
유사색 -30° +30°
- A2EBD8
Oasis Stream
- B9E8BC
≈ Mint Parfait
- 9BE9F3
≈ Permafrost
삼각 배색 +120° +240°
- A2EBD8
Oasis Stream
- DDD2FF
≈ Pale Lavender
- FFCEAD
≈ Mellow Glow
분열 보색 +150° +210°
- A2EBD8
Oasis Stream
- F5C8F5
≈ Kissed by Mist
- FFCBC5
≈ Piggy Dreams
사각 배색 +90° +180° +270°
- A2EBD8
Oasis Stream
- C9DAFF
≈ Icy Plains
- FFC8DB
≈ Blossom Tree
- F0D79F
≈ Splash
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.41:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--oasis-stream: #a2ebd8;
--oasis-stream-rgb: 162 235 216;
--oasis-stream-oklch: oklch(0.887 0.077 176.4);
}
.element {
color: var(--oasis-stream);
background-color: hsl(164 65% 78%);
border-color: oklch(0.887 0.077 176.4);
}Tailwind CSS v4
@theme {
--color-oasis-stream: #a2ebd8;
--color-oasis-stream-50: #dffdf5;
--color-oasis-stream-100: #cef1e8;
--color-oasis-stream-200: #b2e0d4;
--color-oasis-stream-300: #8cc5b8;
--color-oasis-stream-400: #6aae9d;
--color-oasis-stream-500: #459785;
--color-oasis-stream-600: #3c8070;
--color-oasis-stream-700: #30665a;
--color-oasis-stream-800: #224b40;
--color-oasis-stream-900: #17342c;
--color-oasis-stream-950: #072019;
}SCSS
$oasis-stream: #a2ebd8;
$oasis-stream-rgb: 162, 235, 216;
$oasis-stream-light: mix(#fff, $oasis-stream, 20%);
$oasis-stream-dark: mix(#000, $oasis-stream, 20%);
.element {
color: $oasis-stream;
box-shadow: 0 0 0 2px rgba($oasis-stream, 0.35);
}