Adlandırılmış renk · #B8E0D0
Jade Sea
Jade Sea, #B8E0D0: rgb(184 224 208), hsl(156 39% 80%), oklch(0.874 0.047 169). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Jade Sea color name →
#B8E0D0
oklch(0.874 0.047 169)
Renk dönüşümleri
- HEX
- #b8e0d0
- RGB
- rgb(184 224 208)
- HSL
- hsl(156 39% 80%)
- HWB
- hwb(156 72% 12%)
- OKLCH
- oklch(0.874 0.047 169)
- OKLab
- oklab(0.874 -0.046 0.009)
- CIE Lab
- lab(85.97 -15.92 3.3)
- LCH
- lch(85.97 16.26 168.3)
- CMYK
- cmyk(18% 0% 7% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BFE3D5
- C6E6D9
- CEE9DE
- D5ECE3
- DCF0E7
- E3F3EC
- EAF6F1
- F1F9F5
- F8FCFA
Koyu tonlar
- A0C3B5
- 88A69A
- 718A80
- 5B7067
- 45564F
- 313E39
- 1E2723
- 0C1210
- 020202
Gri tonlar
- B2D6C8
- ADCCBF
- A7C2B7
- A2B9AF
- 9CAFA7
- 96A59F
- 919C97
- 8B928F
- 868988
Renk uyumları
Tamamlayıcı +180°
- B8E0D0
Jade Sea
- EFC9DA
≈ Persian Delight
Analog -30° +30°
- B8E0D0
Jade Sea
- C6DDC0
≈ Pale Tidepool
- B2DFE1
≈ Opal
Üçlü +120° +240°
- B8E0D0
Jade Sea
- D4D1F3
≈ Air Castle
- F0CDBB
≈ Watusi
Bölünmüş tamamlayıcı +150° +210°
- B8E0D0
Jade Sea
- E3CCEA
≈ Footie Pyjamas
- F3CAC9
≈ Blushing Senorita
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.61:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--jade-sea: #b8e0d0;
--jade-sea-rgb: 184 224 208;
--jade-sea-oklch: oklch(0.874 0.047 169);
}
.element {
color: var(--jade-sea);
background-color: hsl(156 39% 80%);
border-color: oklch(0.874 0.047 169);
}Tailwind CSS v4
@theme {
--color-jade-sea: #b8e0d0;
--color-jade-sea-50: #e9faf3;
--color-jade-sea-100: #d9ede6;
--color-jade-sea-200: #c1dbd1;
--color-jade-sea-300: #a0c0b4;
--color-jade-sea-400: #84a89a;
--color-jade-sea-500: #679181;
--color-jade-sea-600: #577a6d;
--color-jade-sea-700: #466257;
--color-jade-sea-800: #33483f;
--color-jade-sea-900: #22322b;
--color-jade-sea-950: #111e19;
}SCSS
$jade-sea: #b8e0d0;
$jade-sea-rgb: 184, 224, 208;
$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);
}