En yakın adlandırılmış renk · #B3DDD1
#B3DDD1
En yakın adlandırılmış renk: Jade Sea
#B3DDD1 (rgb(179 221 209), hsl(163 38% 78%), oklch(0.864 0.047 175.9)) en çok Jade Sea 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.
#B3DDD1
oklch(0.864 0.047 175.9)
Renk dönüşümleri
- HEX
- #b3ddd1
- RGB
- rgb(179 221 209)
- HSL
- hsl(163 38% 78%)
- HWB
- hwb(163 70% 13%)
- OKLCH
- oklch(0.864 0.047 175.9)
- OKLab
- oklab(0.864 -0.047 0.003)
- CIE Lab
- lab(84.86 -16.03 1.14)
- LCH
- lch(84.86 16.07 175.9)
- CMYK
- cmyk(19% 0% 5% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BBE0D6
- C2E4DA
- CAE7DF
- D2EBE3
- D9EEE8
- E1F1EC
- E8F5F1
- F0F8F6
- F7FCFA
Koyu tonlar
- 9BC0B5
- 84A49B
- 6E8881
- 586E68
- 435550
- 2F3D39
- 1D2623
- 0C1110
- 010202
Gri tonlar
- AED3C9
- A9CAC0
- A4C0B8
- 9FB7B0
- 9AADA8
- 95A4A0
- 909B98
- 8A9290
- 858988
Renk uyumları
Tamamlayıcı +180°
- B3DDD1
Jade Sea
- EDC6D3
≈ Desire Pink
Analog -30° +30°
- B3DDD1
Jade Sea
- C0DBC0
≈ Thistleberry Green
- AFDCE1
≈ Daly Waters
Üçlü +120° +240°
- B3DDD1
Jade Sea
- D4CDEE
≈ Miami White
- EBCBB5
≈ Sweet Orange
Bölünmüş tamamlayıcı +150° +210°
- B3DDD1
Jade Sea
- E3C8E3
≈ Syrian Violet
- F0C7C3
≈ Delicate Pink Rose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.18:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--jade-sea: #b3ddd1;
--jade-sea-rgb: 179 221 209;
--jade-sea-oklch: oklch(0.864 0.047 175.9);
}
.element {
color: var(--jade-sea);
background-color: hsl(163 38% 78%);
border-color: oklch(0.864 0.047 175.9);
}Tailwind CSS v4
@theme {
--color-jade-sea: #b3ddd1;
--color-jade-sea-50: #e8faf5;
--color-jade-sea-100: #d8ede8;
--color-jade-sea-200: #c0dbd4;
--color-jade-sea-300: #9fc0b7;
--color-jade-sea-400: #82a89d;
--color-jade-sea-500: #659185;
--color-jade-sea-600: #567a70;
--color-jade-sea-700: #44625a;
--color-jade-sea-800: #314841;
--color-jade-sea-900: #21322d;
--color-jade-sea-950: #111e1a;
}SCSS
$jade-sea: #b3ddd1;
$jade-sea-rgb: 179, 221, 209;
$jade-sea-light: mix(#fff, $jade-sea, 20%);
$jade-sea-dark: mix(#000, $jade-sea, 20%);
.element {
color: $jade-sea;
box-shadow: 0 0 0 2px rgba($jade-sea, 0.35);
}