이름 색상 · #74B8DA
Tribute
Tribute은(는) #74B8DA: rgb(116 184 218), hsl(200 58% 65%), oklch(0.75 0.085 231.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Tribute color name →
#74B8DA
oklch(0.75 0.085 231.1)
색상 변환
- HEX
- #74b8da
- RGB
- rgb(116 184 218)
- HSL
- hsl(200 58% 65%)
- HWB
- hwb(200 45% 15%)
- OKLCH
- oklch(0.75 0.085 231.1)
- OKLab
- oklab(0.75 -0.053 -0.066)
- CIE Lab
- lab(71.21 -15.53 -24.3)
- LCH
- lch(71.21 28.84 237.4)
- CMYK
- cmyk(47% 16% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- 83BFDE
- 91C6E2
- 9FCDE6
- ADD4E9
- BBDCED
- C9E3F1
- D6EAF4
- E4F1F8
- F1F8FB
셰이드
- 64A0BD
- 5488A2
- 457187
- 375B6C
- 294554
- 1B313C
- 0F1E25
- 050C11
- 010202
톤
- 76B2D1
- 78ADC8
- 7AA7BE
- 7CA2B5
- 7D9CAC
- 7E96A3
- 7F919B
- 7F8B92
- 808689
색 조화
보색 +180°
- 74B8DA
Tribute
- DA9F7D
≈ Fame Orange
유사색 -30° +30°
- 74B8DA
Tribute
- 67BEC4
≈ Aqua Sky
- 90AFE4
≈ Blue Skies Today
삼각 배색 +120° +240°
- 74B8DA
Tribute
- D898B4
≈ Haute Pink
- B0B374
≈ Timothy Grass
분열 보색 +150° +210°
- 74B8DA
Tribute
- DF9997
≈ Blushing Bud
- C9A96F
≈ Taiwan Gold
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.18:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.61:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--tribute: #74b8da;
--tribute-rgb: 116 184 218;
--tribute-oklch: oklch(0.75 0.085 231.1);
}
.element {
color: var(--tribute);
background-color: hsl(200 58% 65%);
border-color: oklch(0.75 0.085 231.1);
}Tailwind CSS v4
@theme {
--color-tribute: #74b8da;
--color-tribute-50: #defaff;
--color-tribute-100: #cdedff;
--color-tribute-200: #b1dbf3;
--color-tribute-300: #8cbfdc;
--color-tribute-400: #68a8c8;
--color-tribute-500: #4390b4;
--color-tribute-600: #3a7a98;
--color-tribute-700: #2e627a;
--color-tribute-800: #1f485a;
--color-tribute-900: #14323f;
--color-tribute-950: #061e28;
}SCSS
$tribute: #74b8da;
$tribute-rgb: 116, 184, 218;
$tribute-light: mix(#fff, $tribute, 20%);
$tribute-dark: mix(#000, $tribute, 20%);
.element {
color: $tribute;
box-shadow: 0 0 0 2px rgba($tribute, 0.35);
}