Colore con nome · #74B8DE
Tranquil Bay
Tranquil Bay è #74B8DE: rgb(116 184 222), hsl(202 62% 66%), oklch(0.752 0.088 234.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Tranquil Bay color name →
#74B8DE
oklch(0.752 0.088 234.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 83BFE2
- 91C6E5
- 9FCDE8
- ADD5EC
- BBDCEF
- C9E3F2
- D6EAF6
- E4F1F9
- F1F8FC
Ombre
- 64A0C1
- 5488A5
- 457189
- 375B6F
- 294555
- 1B313D
- 0F1E26
- 050C12
- 010202
Toni
- 76B2D4
- 78ADCB
- 7AA7C1
- 7CA2B8
- 7D9CAE
- 7E96A5
- 7F919C
- 7F8B92
- 808689
Armonie di colore
Complementare +180°
- 74B8DE
Tranquil Bay
- DBA079
≈ Soft Leather
Analogo -30° +30°
- 74B8DE
Tranquil Bay
- 64BFC8
≈ Skink Blue
- 92AEE7
≈ Queer Blue
Triadico +120° +240°
- 74B8DE
Tranquil Bay
- DB97B2
≈ Techno Pink
- ADB573
≈ Timothy Grass
Complementare divisa +150° +210°
- 74B8DE
Tranquil Bay
- E19993
≈ Strawberry Rose
- C9AA6C
≈ Ginger Ale
Tetradico +90° +180° +270°
- 74B8DE
Tranquil Bay
- CB9CCE
≈ Ineffable Magenta
- DBA079
≈ Soft Leather
- 8CBD8B
≈ Green Masquerade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.65:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
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);
}