이름 색상 · #388D95
Aqueous
Aqueous은(는) #388D95: rgb(56 141 149), hsl(185 45% 40%), oklch(0.596 0.081 203.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Aqueous color name →
#388D95
oklch(0.596 0.081 203.8)
색상 변환
- HEX
- #388d95
- RGB
- rgb(56 141 149)
- HSL
- hsl(185 45% 40%)
- HWB
- hwb(185 22% 42%)
- OKLCH
- oklch(0.596 0.081 203.8)
- OKLab
- oklab(0.596 -0.074 -0.033)
- CIE Lab
- lab(53.81 -24.54 -12.34)
- LCH
- lch(53.81 27.47 206.7)
- CMYK
- cmyk(62% 5% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 50989F
- 65A3AA
- 79AFB4
- 8CBABE
- 9FC5C9
- B2D1D4
- C5DCDE
- D9E8E9
- ECF3F4
셰이드
- 2F7A81
- 27676D
- 1F555A
- 174448
- 0F3337
- 082326
- 041416
- 010708
- 000101
톤
- 438C93
- 4C8B91
- 558A8F
- 5C888D
- 63878B
- 698689
- 6F8486
- 758384
- 7B8182
색 조화
보색 +180°
- 388D95
Aqueous
- AA6B67
≈ Brickyard
유사색 -30° +30°
- 388D95
Aqueous
- 448F7B
≈ Winter Green
- 4987A8
≈ Underwater Moonlight
삼각 배색 +120° +240°
- 388D95
Aqueous
- 976E9B
≈ Tatarian Aster
- 967B43
≈ Gold Estate
분열 보색 +150° +210°
- 388D95
Aqueous
- A56A82
≈ Cure All
- A5714F
≈ Pecan
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.88:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.41:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--aqueous: #388d95;
--aqueous-rgb: 56 141 149;
--aqueous-oklch: oklch(0.596 0.081 203.8);
}
.element {
color: var(--aqueous);
background-color: hsl(185 45% 40%);
border-color: oklch(0.596 0.081 203.8);
}Tailwind CSS v4
@theme {
--color-aqueous: #388d95;
--color-aqueous-50: #dbfcff;
--color-aqueous-100: #c9f0f5;
--color-aqueous-200: #acdfe5;
--color-aqueous-300: #85c4cc;
--color-aqueous-400: #5fadb4;
--color-aqueous-500: #34969f;
--color-aqueous-600: #2e7f86;
--color-aqueous-700: #25656b;
--color-aqueous-800: #184b4e;
--color-aqueous-900: #103436;
--color-aqueous-950: #031f21;
}SCSS
$aqueous: #388d95;
$aqueous-rgb: 56, 141, 149;
$aqueous-light: mix(#fff, $aqueous, 20%);
$aqueous-dark: mix(#000, $aqueous, 20%);
.element {
color: $aqueous;
box-shadow: 0 0 0 2px rgba($aqueous, 0.35);
}