Colore con nome più vicino · #7BB1BC
#7BB1BC
Colore con nome più vicino: Glacier
#7BB1BC (rgb(123 177 188), hsl(190 33% 61%), oklch(0.727 0.059 211.7)) è più vicino al colore con nome Glacier. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7BB1BC
oklch(0.727 0.059 211.7)
Conversioni di colore
- HEX
- #7bb1bc
- RGB
- rgb(123 177 188)
- HSL
- hsl(190 33% 61%)
- HWB
- hwb(190 48% 26%)
- OKLCH
- oklch(0.727 0.059 211.7)
- OKLab
- oklab(0.727 -0.05 -0.031)
- CIE Lab
- lab(68.73 -16.32 -11.62)
- LCH
- lch(68.73 20.03 215.4)
- CMYK
- cmyk(35% 6% 0% 26%)
Tinte · Ombre · Toni
Tinte
- 88B9C3
- 96C0C9
- A3C8D0
- B0D0D7
- BDD8DD
- CADFE4
- D7E7EB
- E5EFF1
- F2F7F8
Ombre
- 6A99A3
- 5A838B
- 4A6C73
- 3A575D
- 2C4247
- 1E2F32
- 101C1F
- 050C0D
- 010102
Toni
- 7CACB6
- 7DA7B0
- 7EA2AA
- 7F9DA4
- 7F989E
- 809398
- 808F92
- 808A8C
- 808586
Armonie di colore
Complementare +180°
- 7BB1BC
Glacier
- C99A90
≈ Calliope
Analogo -30° +30°
- 7BB1BC
Glacier
- 7DB3A9
≈ Melodious
- 86ACC9
≈ Colorado Springs
Triadico +120° +240°
- 7BB1BC
Glacier
- BD9AB7
≈ Dripping Wisteria
- B4A67D
≈ Sedia
Complementare divisa +150° +210°
- 7BB1BC
Glacier
- C798A4
≈ Cooing Doves
- C29F81
≈ Retributor Armour Metal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.85:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.85:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--glacier: #7bb1bc;
--glacier-rgb: 123 177 188;
--glacier-oklch: oklch(0.727 0.059 211.7);
}
.element {
color: var(--glacier);
background-color: hsl(190 33% 61%);
border-color: oklch(0.727 0.059 211.7);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb1bc;
--color-glacier-50: #e3faff;
--color-glacier-100: #d3edf4;
--color-glacier-200: #b9dbe4;
--color-glacier-300: #96c0ca;
--color-glacier-400: #75a8b3;
--color-glacier-500: #55919d;
--color-glacier-600: #497b84;
--color-glacier-700: #3a626a;
--color-glacier-800: #29484d;
--color-glacier-900: #1b3236;
--color-glacier-950: #0b1e21;
}SCSS
$glacier: #7bb1bc;
$glacier-rgb: 123, 177, 188;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}