Colore con nome più vicino · #B2DFD0
#B2DFD0
Colore con nome più vicino: Bay
#B2DFD0 (rgb(178 223 208), hsl(160 41% 79%), oklch(0.868 0.051 172.7)) è più vicino al colore con nome Bay. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B2DFD0
oklch(0.868 0.051 172.7)
Conversioni di colore
- HEX
- #b2dfd0
- RGB
- rgb(178 223 208)
- HSL
- hsl(160 41% 79%)
- HWB
- hwb(160 70% 13%)
- OKLCH
- oklch(0.868 0.051 172.7)
- OKLab
- oklab(0.868 -0.051 0.006)
- CIE Lab
- lab(85.32 -17.43 2.31)
- LCH
- lch(85.32 17.58 172.5)
- CMYK
- cmyk(20% 0% 7% 13%)
Tinte · Ombre · Toni
Tinte
- BAE2D5
- C2E5D9
- C9E9DE
- D1ECE3
- D9EFE7
- E1F2EC
- E8F5F1
- F0F9F5
- F7FCFA
Ombre
- 9AC2B5
- 83A59A
- 6D8A80
- 576F67
- 43564F
- 2F3D39
- 1D2723
- 0C1210
- 010202
Toni
- ADD5C8
- A8CBBF
- A3C2B7
- 9EB8AF
- 99AEA7
- 94A59F
- 8F9C97
- 8A928F
- 858988
Armonie di colore
Complementare +180°
- B2DFD0
Bay
- F0C6D6
≈ Lily Legs
Analogo -30° +30°
- B2DFD0
Bay
- C1DDBE
≈ Galway
- ADDEE2
≈ Blue Bauble
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.35:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--bay: #b2dfd0;
--bay-rgb: 178 223 208;
--bay-oklch: oklch(0.868 0.051 172.7);
}
.element {
color: var(--bay);
background-color: hsl(160 41% 79%);
border-color: oklch(0.868 0.051 172.7);
}Tailwind CSS v4
@theme {
--color-bay: #b2dfd0;
--color-bay-50: #e7faf4;
--color-bay-100: #d7eee7;
--color-bay-200: #bfdcd3;
--color-bay-300: #9dc0b6;
--color-bay-400: #80a99b;
--color-bay-500: #629283;
--color-bay-600: #547b6f;
--color-bay-700: #436358;
--color-bay-800: #304840;
--color-bay-900: #21322c;
--color-bay-950: #101e19;
}SCSS
$bay: #b2dfd0;
$bay-rgb: 178, 223, 208;
$bay-light: mix(#fff, $bay, 20%);
$bay-dark: mix(#000, $bay, 20%);
.element {
color: $bay;
box-shadow: 0 0 0 2px rgba($bay, 0.35);
}