Colore con nome · #B7C9B5
Aqua Dream
Aqua Dream è #B7C9B5: rgb(183 201 181), hsl(114 16% 75%), oklch(0.817 0.034 142.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aqua Dream color name →
#B7C9B5
oklch(0.817 0.034 142.5)
Conversioni di colore
- HEX
- #b7c9b5
- RGB
- rgb(183 201 181)
- HSL
- hsl(114 16% 75%)
- HWB
- hwb(114 71% 21%)
- OKLCH
- oklch(0.817 0.034 142.5)
- OKLab
- oklab(0.817 -0.027 0.021)
- CIE Lab
- lab(79.16 -9.14 7.84)
- LCH
- lch(79.16 12.05 139.4)
- CMYK
- cmyk(9% 0% 10% 21%)
Tinte · Ombre · Toni
Tinte
- BECEBC
- C5D4C3
- CCD9CB
- D3DED2
- DBE4DA
- E2E9E1
- E9EFE8
- F0F4F0
- F8FAF7
Ombre
- 9FAE9D
- 879586
- 707C6F
- 5A6459
- 454C44
- 313630
- 1E221D
- 0C0F0C
- 020202
Toni
- B1C1B0
- ACBAAA
- A6B3A5
- A1AB9F
- 9BA49A
- 969D95
- 909590
- 8B8E8A
- 858785
Armonie di colore
Complementare +180°
- B7C9B5
Aqua Dream
- CEBCD0
≈ Tamed Beauty
Analogo -30° +30°
- B7C9B5
Aqua Dream
- C3C6AD
≈ Sicily Sea
- AECBC1
≈ Baby Aqua
Triadico +120° +240°
- B7C9B5
Aqua Dream
- B7C4DA
≈ Alley
- D8BBB9
≈ Rose Yoghurt
Complementare divisa +150° +210°
- B7C9B5
Aqua Dream
- C3BFD8
≈ Lavender Sachet
- D6BAC5
≈ Queen’s Tart
Tetradico +90° +180° +270°
- B7C9B5
Aqua Dream
- AEC7D6
≈ Cloudy Valley
- CEBCD0
≈ Tamed Beauty
- D6BEAF
≈ Elusive Dawn
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 {
--aqua-dream: #b7c9b5;
--aqua-dream-rgb: 183 201 181;
--aqua-dream-oklch: oklch(0.817 0.034 142.5);
}
.element {
color: var(--aqua-dream);
background-color: hsl(114 16% 75%);
border-color: oklch(0.817 0.034 142.5);
}Tailwind CSS v4
@theme {
--color-aqua-dream: #b7c9b5;
--color-aqua-dream-50: #f0f8ef;
--color-aqua-dream-100: #e1ebe1;
--color-aqua-dream-200: #ccd8cb;
--color-aqua-dream-300: #adbcad;
--color-aqua-dream-400: #93a492;
--color-aqua-dream-500: #7a8c78;
--color-aqua-dream-600: #677765;
--color-aqua-dream-700: #525f51;
--color-aqua-dream-800: #3c453a;
--color-aqua-dream-900: #293028;
--color-aqua-dream-950: #171c16;
}SCSS
$aqua-dream: #b7c9b5;
$aqua-dream-rgb: 183, 201, 181;
$aqua-dream-light: mix(#fff, $aqua-dream, 20%);
$aqua-dream-dark: mix(#000, $aqua-dream, 20%);
.element {
color: $aqua-dream;
box-shadow: 0 0 0 2px rgba($aqua-dream, 0.35);
}