Colore con nome · #B3CBAA
Relish
Relish è #B3CBAA: rgb(179 203 170), hsl(104 24% 73%), oklch(0.815 0.052 137.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Relish color name →
#B3CBAA
oklch(0.815 0.052 137.2)
Conversioni di colore
- HEX
- #b3cbaa
- RGB
- rgb(179 203 170)
- HSL
- hsl(104 24% 73%)
- HWB
- hwb(104 67% 20%)
- OKLCH
- oklch(0.815 0.052 137.2)
- OKLab
- oklab(0.815 -0.038 0.036)
- CIE Lab
- lab(79.2 -12.97 13.68)
- LCH
- lch(79.2 18.85 133.5)
- CMYK
- cmyk(12% 0% 16% 20%)
Tinte · Ombre · Toni
Tinte
- BAD0B2
- C2D5BB
- C9DAC3
- D1E0CC
- D9E5D4
- E0EADD
- E8EFE5
- F0F5EE
- F7FAF6
Ombre
- 9BB093
- 84967D
- 6E7D68
- 586553
- 434D3F
- 2F372D
- 1D221B
- 0C0F0B
- 010201
Toni
- AEC3A6
- A9BCA2
- A3B49D
- 9EAC99
- 99A595
- 949D91
- 8F968D
- 8A8F88
- 858784
Armonie di colore
Complementare +180°
- B3CBAA
Relish
- D1B9D9
≈ Pussyfoot
Analogo -30° +30°
- B3CBAA
Relish
- C6C59F
≈ Watercress Pesto
- A3CEBC
≈ Tareyton
Triadico +120° +240°
- B3CBAA
Relish
- AEC4E5
≈ Water Wash
- E3B6B6
≈ Bistro Pink
Complementare divisa +150° +210°
- B3CBAA
Relish
- C0BEE3
≈ Pretty Posie
- DDB5C9
≈ Mental Floss
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASu nero
WCAG 12.03:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--relish: #b3cbaa;
--relish-rgb: 179 203 170;
--relish-oklch: oklch(0.815 0.052 137.2);
}
.element {
color: var(--relish);
background-color: hsl(104 24% 73%);
border-color: oklch(0.815 0.052 137.2);
}Tailwind CSS v4
@theme {
--color-relish: #b3cbaa;
--color-relish-50: #eef9eb;
--color-relish-100: #dfecdc;
--color-relish-200: #c9dac5;
--color-relish-300: #aabea5;
--color-relish-400: #90a688;
--color-relish-500: #768f6d;
--color-relish-600: #64795c;
--color-relish-700: #506149;
--color-relish-800: #3b4734;
--color-relish-900: #283124;
--color-relish-950: #161d13;
}SCSS
$relish: #b3cbaa;
$relish-rgb: 179, 203, 170;
$relish-light: mix(#fff, $relish, 20%);
$relish-dark: mix(#000, $relish, 20%);
.element {
color: $relish;
box-shadow: 0 0 0 2px rgba($relish, 0.35);
}