Colore con nome · #B9C3B3
Belize Green
Belize Green è #B9C3B3: rgb(185 195 179), hsl(97 12% 73%), oklch(0.805 0.025 133.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Belize Green color name →
#B9C3B3
oklch(0.805 0.025 133.5)
Conversioni di colore
- HEX
- #b9c3b3
- RGB
- rgb(185 195 179)
- HSL
- hsl(97 12% 73%)
- HWB
- hwb(97 70% 24%)
- OKLCH
- oklch(0.805 0.025 133.5)
- OKLab
- oklab(0.805 -0.017 0.018)
- CIE Lab
- lab(77.67 -5.77 6.82)
- LCH
- lch(77.67 8.94 130.2)
- CMYK
- cmyk(5% 0% 8% 24%)
Tinte · Ombre · Toni
Tinte
- C0C9BA
- C7CFC2
- CED5C9
- D5DBD1
- DBE1D8
- E3E7E0
- EAEDE8
- F1F3EF
- F8F9F7
Ombre
- A0A99B
- 899084
- 71786E
- 5B6058
- 464A43
- 31342F
- 1E201D
- 0D0E0C
- 020201
Toni
- B3BCAE
- ADB5A9
- A8AEA3
- A2A89E
- 9CA199
- 969A94
- 91948F
- 8B8D8A
- 868685
Armonie di colore
Complementare +180°
- B9C3B3
Belize Green
- C5BBCB
≈ Gentleman’s Suit
Analogo -30° +30°
- B9C3B3
Belize Green
- C2C0AE
≈ Gentle Soul
- B2C5BB
≈ Aquamarine Dream
Triadico +120° +240°
- B9C3B3
Belize Green
- B5C1CF
≈ Hazy
- CFB9BA
≈ Mediterranean Sunset
Complementare divisa +150° +210°
- B9C3B3
Belize Green
- BDBECF
≈ Gentleman’s Suit
- CCB9C3
≈ Queen’s Violet
Tetradico +90° +180° +270°
- B9C3B3
Belize Green
- AFC3CB
≈ Yín Sè Silver
- C5BBCB
≈ Gentleman’s Suit
- CEBBB3
≈ Mothy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.51:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.51:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--belize-green: #b9c3b3;
--belize-green-rgb: 185 195 179;
--belize-green-oklch: oklch(0.805 0.025 133.5);
}
.element {
color: var(--belize-green);
background-color: hsl(97 12% 73%);
border-color: oklch(0.805 0.025 133.5);
}Tailwind CSS v4
@theme {
--color-belize-green: #b9c3b3;
--color-belize-green-50: #f2f7f0;
--color-belize-green-100: #e4eae2;
--color-belize-green-200: #d0d7cc;
--color-belize-green-300: #b2baae;
--color-belize-green-400: #99a293;
--color-belize-green-500: #808a79;
--color-belize-green-600: #6c7567;
--color-belize-green-700: #565d52;
--color-belize-green-800: #3f443b;
--color-belize-green-900: #2c2f29;
--color-belize-green-950: #191c17;
}SCSS
$belize-green: #b9c3b3;
$belize-green-rgb: 185, 195, 179;
$belize-green-light: mix(#fff, $belize-green, 20%);
$belize-green-dark: mix(#000, $belize-green, 20%);
.element {
color: $belize-green;
box-shadow: 0 0 0 2px rgba($belize-green, 0.35);
}