이름 색상 · #74B8DE
Tranquil Bay
Tranquil Bay은(는) #74B8DE: rgb(116 184 222), hsl(202 62% 66%), oklch(0.752 0.088 234.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Tranquil Bay color name →
#74B8DE
oklch(0.752 0.088 234.1)
색상 변환
- HEX
- #74b8de
- RGB
- rgb(116 184 222)
- HSL
- hsl(202 62% 66%)
- HWB
- hwb(202 45% 13%)
- OKLCH
- oklch(0.752 0.088 234.1)
- OKLab
- oklab(0.752 -0.052 -0.071)
- CIE Lab
- lab(71.33 -14.66 -26.29)
- LCH
- lch(71.33 30.1 240.8)
- CMYK
- cmyk(48% 17% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- 83BFE2
- 91C6E5
- 9FCDE8
- ADD5EC
- BBDCEF
- C9E3F2
- D6EAF6
- E4F1F9
- F1F8FC
셰이드
- 64A0C1
- 5488A5
- 457189
- 375B6F
- 294555
- 1B313D
- 0F1E26
- 050C12
- 010202
톤
- 76B2D4
- 78ADCB
- 7AA7C1
- 7CA2B8
- 7D9CAE
- 7E96A5
- 7F919C
- 7F8B92
- 808689
색 조화
보색 +180°
- 74B8DE
Tranquil Bay
- DBA079
≈ Soft Leather
유사색 -30° +30°
- 74B8DE
Tranquil Bay
- 64BFC8
≈ Skink Blue
- 92AEE7
≈ Queer Blue
삼각 배색 +120° +240°
- 74B8DE
Tranquil Bay
- DB97B2
≈ Techno Pink
- ADB573
≈ Timothy Grass
분열 보색 +150° +210°
- 74B8DE
Tranquil Bay
- E19993
≈ Strawberry Rose
- C9AA6C
≈ Ginger Ale
사각 배색 +90° +180° +270°
- 74B8DE
Tranquil Bay
- CB9CCE
≈ Ineffable Magenta
- DBA079
≈ Soft Leather
- 8CBD8B
≈ Green Masquerade
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.65:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--tranquil-bay: #74b8de;
--tranquil-bay-rgb: 116 184 222;
--tranquil-bay-oklch: oklch(0.752 0.088 234.1);
}
.element {
color: var(--tranquil-bay);
background-color: hsl(202 62% 66%);
border-color: oklch(0.752 0.088 234.1);
}Tailwind CSS v4
@theme {
--color-tranquil-bay: #74b8de;
--color-tranquil-bay-50: #defaff;
--color-tranquil-bay-100: #cdedff;
--color-tranquil-bay-200: #b1dbf5;
--color-tranquil-bay-300: #8cbfdf;
--color-tranquil-bay-400: #68a7cb;
--color-tranquil-bay-500: #428fb8;
--color-tranquil-bay-600: #3a799b;
--color-tranquil-bay-700: #2e617c;
--color-tranquil-bay-800: #1e485c;
--color-tranquil-bay-900: #143240;
--color-tranquil-bay-950: #051d29;
}SCSS
$tranquil-bay: #74b8de;
$tranquil-bay-rgb: 116, 184, 222;
$tranquil-bay-light: mix(#fff, $tranquil-bay, 20%);
$tranquil-bay-dark: mix(#000, $tranquil-bay, 20%);
.element {
color: $tranquil-bay;
box-shadow: 0 0 0 2px rgba($tranquil-bay, 0.35);
}