Couleur nommée · #BBCCBD
Organza Green
Organza Green correspond à #BBCCBD : rgb(187 204 189), hsl(127 14% 77%), oklch(0.828 0.028 148.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Organza Green color name →
#BBCCBD
oklch(0.828 0.028 148.8)
Conversions de couleur
- HEX
- #bbccbd
- RGB
- rgb(187 204 189)
- HSL
- hsl(127 14% 77%)
- HWB
- hwb(127 73% 20%)
- OKLCH
- oklch(0.828 0.028 148.8)
- OKLab
- oklab(0.828 -0.024 0.014)
- CIE Lab
- lab(80.42 -8.09 5.43)
- LCH
- lch(80.42 9.74 146.1)
- CMYK
- cmyk(8% 0% 7% 20%)
Teintes · Ombres · Tons
Teintes
- C2D1C3
- C8D6CA
- CFDBD0
- D6E0D7
- DDE5DE
- E3EAE4
- EAF0EB
- F1F5F2
- F8FAF8
Ombres
- A2B1A4
- 8A978C
- 737E74
- 5C655D
- 464E47
- 323733
- 1F221F
- 0D0F0D
- 020202
Tons
- B5C4B7
- AFBCB0
- A9B5AA
- A3ADA4
- 9DA59E
- 979E98
- 919692
- 8C8F8C
- 868786
Harmonies de couleurs
Complémentaire +180°
- BBCCBD
Organza Green
- D1C1D0
≈ Amethyst Light Violet
Analogue -30° +30°
- BBCCBD
Organza Green
- C4CAB6
≈ Jade Light Green
- B4CDC7
≈ Sea Sprite
Triadique +120° +240°
- BBCCBD
Organza Green
- BFC6D9
≈ Himalayan Poppy
- D8C0BD
≈ Peony Blush
Complémentaire divisée +150° +210°
- BBCCBD
Organza Green
- C9C3D7
≈ Pale Violet
- D7C0C6
≈ Pelican Bill
Tétradique +90° +180° +270°
- BBCCBD
Organza Green
- B7CAD7
≈ Denim Light
- D1C1D0
≈ Amethyst Light Violet
- D5C3B5
≈ Hazy Taupe
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.68:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.48:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--organza-green: #bbccbd;
--organza-green-rgb: 187 204 189;
--organza-green-oklch: oklch(0.828 0.028 148.8);
}
.element {
color: var(--organza-green);
background-color: hsl(127 14% 77%);
border-color: oklch(0.828 0.028 148.8);
}Tailwind CSS v4
@theme {
--color-organza-green: #bbccbd;
--color-organza-green-50: #f0f7f1;
--color-organza-green-100: #e2ebe3;
--color-organza-green-200: #ccd8ce;
--color-organza-green-300: #aebcb0;
--color-organza-green-400: #94a396;
--color-organza-green-500: #7a8c7c;
--color-organza-green-600: #677669;
--color-organza-green-700: #535e54;
--color-organza-green-800: #3c453d;
--color-organza-green-900: #29302a;
--color-organza-green-950: #171c17;
}SCSS
$organza-green: #bbccbd;
$organza-green-rgb: 187, 204, 189;
$organza-green-light: mix(#fff, $organza-green, 20%);
$organza-green-dark: mix(#000, $organza-green, 20%);
.element {
color: $organza-green;
box-shadow: 0 0 0 2px rgba($organza-green, 0.35);
}