Adlandırılmış renk · #74B8DA
Tribute
Tribute, #74B8DA: rgb(116 184 218), hsl(200 58% 65%), oklch(0.75 0.085 231.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Tribute color name →
#74B8DA
oklch(0.75 0.085 231.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 83BFDE
- 91C6E2
- 9FCDE6
- ADD4E9
- BBDCED
- C9E3F1
- D6EAF4
- E4F1F8
- F1F8FB
Koyu tonlar
- 64A0BD
- 5488A2
- 457187
- 375B6C
- 294554
- 1B313C
- 0F1E25
- 050C11
- 010202
Gri tonlar
- 76B2D1
- 78ADC8
- 7AA7BE
- 7CA2B5
- 7D9CAC
- 7E96A3
- 7F919B
- 7F8B92
- 808689
Renk uyumları
Tamamlayıcı +180°
- 74B8DA
Tribute
- DA9F7D
≈ Fame Orange
Analog -30° +30°
- 74B8DA
Tribute
- 67BEC4
≈ Aqua Sky
- 90AFE4
≈ Blue Skies Today
Üçlü +120° +240°
- 74B8DA
Tribute
- D898B4
≈ Haute Pink
- B0B374
≈ Timothy Grass
Bölünmüş tamamlayıcı +150° +210°
- 74B8DA
Tribute
- DF9997
≈ Blushing Bud
- C9A96F
≈ Taiwan Gold
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.18:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.61:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
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);
}