이름 색상 · #93C9D0
Bathing
Bathing은(는) #93C9D0: rgb(147 201 208), hsl(187 39% 70%), oklch(0.801 0.057 206.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Bathing color name →
#93C9D0
oklch(0.801 0.057 206.1)
색상 변환
- HEX
- #93c9d0
- RGB
- rgb(147 201 208)
- HSL
- hsl(187 39% 70%)
- HWB
- hwb(187 58% 18%)
- OKLCH
- oklch(0.801 0.057 206.1)
- OKLab
- oklab(0.801 -0.051 -0.025)
- CIE Lab
- lab(77.39 -16.91 -9.48)
- LCH
- lch(77.39 19.39 209.3)
- CMYK
- cmyk(29% 3% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 9ECED5
- A9D4D9
- B4D9DE
- BFDFE3
- CAE4E7
- D4E9EC
- DFEFF1
- EAF4F6
- F4FAFA
셰이드
- 7FAEB5
- 6C959A
- 597C80
- 476467
- 364C4F
- 253639
- 162223
- 080F10
- 010202
톤
- 92C1C8
- 90BABF
- 8EB3B7
- 8DABAF
- 8BA4A7
- 899D9F
- 879597
- 858E8F
- 828788
색 조화
보색 +180°
- 93C9D0
Bathing
- E0B1AB
≈ Mesa Pink
유사색 -30° +30°
- 93C9D0
Bathing
- 98CABD
≈ Cool Juniper
- 9CC4DE
≈ Pale Cerulean
삼각 배색 +120° +240°
- 93C9D0
Bathing
- D2B2D2
≈ Lavender Knoll
- CEBC95
≈ Subtle Suede
분열 보색 +150° +210°
- 93C9D0
Bathing
- DDAFBF
≈ Pentalon
- DBB59B
≈ Pink Tulle
사각 배색 +90° +180° +270°
- 93C9D0
Bathing
- C1B7DF
≈ Melrose
- E0B1AB
≈ Mesa Pink
- BCC39A
≈ Green Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.50:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.50:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--bathing: #93c9d0;
--bathing-rgb: 147 201 208;
--bathing-oklch: oklch(0.801 0.057 206.1);
}
.element {
color: var(--bathing);
background-color: hsl(187 39% 70%);
border-color: oklch(0.801 0.057 206.1);
}Tailwind CSS v4
@theme {
--color-bathing: #93c9d0;
--color-bathing-50: #e4fafe;
--color-bathing-100: #d3eef2;
--color-bathing-200: #b9dce1;
--color-bathing-300: #96c0c7;
--color-bathing-400: #76a8af;
--color-bathing-500: #569199;
--color-bathing-600: #4a7b81;
--color-bathing-700: #3b6267;
--color-bathing-800: #2a484b;
--color-bathing-900: #1c3234;
--color-bathing-950: #0c1e20;
}SCSS
$bathing: #93c9d0;
$bathing-rgb: 147, 201, 208;
$bathing-light: mix(#fff, $bathing, 20%);
$bathing-dark: mix(#000, $bathing, 20%);
.element {
color: $bathing;
box-shadow: 0 0 0 2px rgba($bathing, 0.35);
}