이름 색상 · #9AD6E5
Oceano
Oceano은(는) #9AD6E5: rgb(154 214 229), hsl(192 59% 75%), oklch(0.84 0.065 214.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Oceano color name →
#9AD6E5
oklch(0.84 0.065 214.9)
색상 변환
- HEX
- #9ad6e5
- RGB
- rgb(154 214 229)
- HSL
- hsl(192 59% 75%)
- HWB
- hwb(192 60% 10%)
- OKLCH
- oklch(0.84 0.065 214.9)
- OKLab
- oklab(0.84 -0.053 -0.037)
- CIE Lab
- lab(81.92 -17.18 -13.91)
- LCH
- lch(81.92 22.1 219)
- CMYK
- cmyk(33% 7% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- A5DAE8
- AFDEEA
- B9E2ED
- C3E7F0
- CEEBF2
- D8EFF5
- E1F3F7
- EBF7FA
- F5FBFC
셰이드
- 85BAC7
- 719EAA
- 5E848E
- 4B6A72
- 395258
- 273B3F
- 172528
- 091012
- 010203
톤
- 98CDDA
- 96C4D0
- 93BCC6
- 91B3BB
- 8FAAB1
- 8CA2A7
- 89999D
- 869193
- 83888A
색 조화
보색 +180°
- 9AD6E5
Oceano
- F1BCAF
≈ Pale Satin Peach
유사색 -30° +30°
- 9AD6E5
Oceano
- 9BD9D0
≈ In the Shallows
- A8D0F3
≈ Alphabet Blue
삼각 배색 +120° +240°
- 9AD6E5
Oceano
- E6BBDC
≈ Blackberry Yoghurt
- D8CB9B
≈ Tahuna Sands
분열 보색 +150° +210°
- 9AD6E5
Oceano
- F0BAC5
≈ Pink Grapefruit
- E9C39F
≈ Toasted Coconut
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.12:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--oceano: #9ad6e5;
--oceano-rgb: 154 214 229;
--oceano-oklch: oklch(0.84 0.065 214.9);
}
.element {
color: var(--oceano);
background-color: hsl(192 59% 75%);
border-color: oklch(0.84 0.065 214.9);
}Tailwind CSS v4
@theme {
--color-oceano: #9ad6e5;
--color-oceano-50: #e2faff;
--color-oceano-100: #d1eef6;
--color-oceano-200: #b6dce6;
--color-oceano-300: #92c0cd;
--color-oceano-400: #71a9b6;
--color-oceano-500: #5091a1;
--color-oceano-600: #447b88;
--color-oceano-700: #36626d;
--color-oceano-800: #264850;
--color-oceano-900: #193237;
--color-oceano-950: #0a1e22;
}SCSS
$oceano: #9ad6e5;
$oceano-rgb: 154, 214, 229;
$oceano-light: mix(#fff, $oceano, 20%);
$oceano-dark: mix(#000, $oceano, 20%);
.element {
color: $oceano;
box-shadow: 0 0 0 2px rgba($oceano, 0.35);
}