En yakın adlandırılmış renk · #B2DFD0
#B2DFD0
En yakın adlandırılmış renk: Bay
#B2DFD0 (rgb(178 223 208), hsl(160 41% 79%), oklch(0.868 0.051 172.7)) en çok Bay adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B2DFD0
oklch(0.868 0.051 172.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAE2D5
- C2E5D9
- C9E9DE
- D1ECE3
- D9EFE7
- E1F2EC
- E8F5F1
- F0F9F5
- F7FCFA
Koyu tonlar
- 9AC2B5
- 83A59A
- 6D8A80
- 576F67
- 43564F
- 2F3D39
- 1D2723
- 0C1210
- 010202
Gri tonlar
- ADD5C8
- A8CBBF
- A3C2B7
- 9EB8AF
- 99AEA7
- 94A59F
- 8F9C97
- 8A928F
- 858988
Renk uyumları
Tamamlayıcı +180°
- B2DFD0
Bay
- F0C6D6
≈ Lily Legs
Analog -30° +30°
- B2DFD0
Bay
- C1DDBE
≈ Galway
- ADDEE2
≈ Blue Bauble
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.35:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}