Colore con nome · #67B8CE
Revelry Blue
Revelry Blue è #67B8CE: rgb(103 184 206), hsl(193 51% 61%), oklch(0.739 0.085 217.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Revelry Blue color name →
#67B8CE
oklch(0.739 0.085 217.5)
Conversioni di colore
- HEX
- #67b8ce
- RGB
- rgb(103 184 206)
- HSL
- hsl(193 51% 61%)
- HWB
- hwb(193 40% 19%)
- OKLCH
- oklch(0.739 0.085 217.5)
- OKLab
- oklab(0.739 -0.068 -0.052)
- CIE Lab
- lab(70.26 -21.35 -19.29)
- LCH
- lch(70.26 28.77 222.1)
- CMYK
- cmyk(50% 11% 0% 19%)
Tinte · Ombre · Toni
Tinte
- 78BFD3
- 88C6D8
- 98CDDD
- A7D5E2
- B6DCE7
- C5E3EC
- D3EAF0
- E2F1F5
- F0F8FA
Ombre
- 59A0B3
- 4B8898
- 3D717F
- 305B66
- 23454E
- 173138
- 0C1E23
- 040C0F
- 000202
Toni
- 6BB2C6
- 6FADBE
- 72A7B6
- 75A2AE
- 789CA6
- 7A969F
- 7C9197
- 7E8B8F
- 7F8688
Armonie di colore
Complementare +180°
- 67B8CE
Revelry Blue
- DA9884
≈ Paddy
Analogo -30° +30°
- 67B8CE
Revelry Blue
- 65BCB4
≈ Pool Blue
- 7FB0DE
≈ Lucea
Triadico +120° +240°
- 67B8CE
Revelry Blue
- CE96BE
≈ Moorland Heather
- B9AB6B
≈ Swampwater
Complementare divisa +150° +210°
- 67B8CE
Revelry Blue
- DA94A1
≈ Rose Marquis
- CFA06F
≈ White Oak
Tetradico +90° +180° +270°
- 67B8CE
Revelry Blue
- B99DD5
≈ Purple Premiere
- DA9884
≈ Paddy
- 9CB57A
≈ Death Guard
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.32:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--revelry-blue: #67b8ce;
--revelry-blue-rgb: 103 184 206;
--revelry-blue-oklch: oklch(0.739 0.085 217.5);
}
.element {
color: var(--revelry-blue);
background-color: hsl(193 51% 61%);
border-color: oklch(0.739 0.085 217.5);
}Tailwind CSS v4
@theme {
--color-revelry-blue: #67b8ce;
--color-revelry-blue-50: #dbfcff;
--color-revelry-blue-100: #c9effc;
--color-revelry-blue-200: #acdeed;
--color-revelry-blue-300: #85c2d5;
--color-revelry-blue-400: #5fabc0;
--color-revelry-blue-500: #3494ab;
--color-revelry-blue-600: #2e7d91;
--color-revelry-blue-700: #256474;
--color-revelry-blue-800: #184a55;
--color-revelry-blue-900: #0f333b;
--color-revelry-blue-950: #021f25;
}SCSS
$revelry-blue: #67b8ce;
$revelry-blue-rgb: 103, 184, 206;
$revelry-blue-light: mix(#fff, $revelry-blue, 20%);
$revelry-blue-dark: mix(#000, $revelry-blue, 20%);
.element {
color: $revelry-blue;
box-shadow: 0 0 0 2px rgba($revelry-blue, 0.35);
}