En yakın adlandırılmış renk · #BCE2D2
#BCE2D2
En yakın adlandırılmış renk: Jade Sea
#BCE2D2 (rgb(188 226 210), hsl(155 40% 81%), oklch(0.881 0.045 167.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.
#BCE2D2
oklch(0.881 0.045 167.9)
Renk dönüşümleri
- HEX
- #bce2d2
- RGB
- rgb(188 226 210)
- HSL
- hsl(155 40% 81%)
- HWB
- hwb(155 74% 11%)
- OKLCH
- oklch(0.881 0.045 167.9)
- OKLab
- oklab(0.881 -0.044 0.01)
- CIE Lab
- lab(86.81 -15.24 3.5)
- LCH
- lch(86.81 15.63 167.1)
- CMYK
- cmyk(17% 0% 7% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3E5D6
- CAE8DB
- D0EBDF
- D7EEE4
- DEF1E8
- E4F3ED
- EBF6F1
- F2F9F6
- F8FCFA
Koyu tonlar
- A3C4B6
- 8BA89B
- 738C81
- 5D7168
- 475750
- 323E39
- 1F2724
- 0D1210
- 020302
Gri tonlar
- B6D8C9
- B0CEC1
- AAC4B9
- A4BAB0
- 9EB0A8
- 98A6A0
- 929C98
- 8C9390
- 868988
Renk uyumları
Tamamlayıcı +180°
- BCE2D2
Jade Sea
- F0CCDD
≈ LA Vibes
Analog -30° +30°
- BCE2D2
Jade Sea
- CADFC3
≈ Shanghai Silk
- B6E2E2
≈ Fine Blue
Üçlü +120° +240°
- BCE2D2
Jade Sea
- D6D4F5
≈ Flax Bloom
- F2D0BF
≈ Indian Clay
Bölünmüş tamamlayıcı +150° +210°
- BCE2D2
Jade Sea
- E5CFEC
≈ Little Touch
- F5CCCD
≈ Kendall Rose
Dörtlü +90° +180° +270°
- BCE2D2
Jade Sea
- C6D9F6
≈ Fly a Kite
- F0CCDD
≈ LA Vibes
- E9D5B7
≈ Rutabaga
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.94:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--jade-sea: #bce2d2;
--jade-sea-rgb: 188 226 210;
--jade-sea-oklch: oklch(0.881 0.045 167.9);
}
.element {
color: var(--jade-sea);
background-color: hsl(155 40% 81%);
border-color: oklch(0.881 0.045 167.9);
}Tailwind CSS v4
@theme {
--color-jade-sea: #bce2d2;
--color-jade-sea-50: #e9faf3;
--color-jade-sea-100: #daede5;
--color-jade-sea-200: #c2dbd1;
--color-jade-sea-300: #a1bfb4;
--color-jade-sea-400: #85a799;
--color-jade-sea-500: #699080;
--color-jade-sea-600: #597a6d;
--color-jade-sea-700: #476257;
--color-jade-sea-800: #33483f;
--color-jade-sea-900: #23322b;
--color-jade-sea-950: #121e18;
}SCSS
$jade-sea: #bce2d2;
$jade-sea-rgb: 188, 226, 210;
$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);
}