En yakın adlandırılmış renk · #BDE9D1
#BDE9D1
En yakın adlandırılmış renk: Mystery Mint
#BDE9D1 (rgb(189 233 209), hsl(147 50% 83%), oklch(0.896 0.056 161.2)) en çok Mystery Mint 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.
#BDE9D1
oklch(0.896 0.056 161.2)
Renk dönüşümleri
- HEX
- #bde9d1
- RGB
- rgb(189 233 209)
- HSL
- hsl(147 50% 83%)
- HWB
- hwb(147 74% 9%)
- OKLCH
- oklch(0.896 0.056 161.2)
- OKLab
- oklab(0.896 -0.053 0.018)
- CIE Lab
- lab(88.73 -18.28 6.77)
- LCH
- lch(88.73 19.49 159.7)
- CMYK
- cmyk(19% 0% 10% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4EBD6
- CAEDDA
- D1F0DF
- D8F2E3
- DEF4E8
- E5F6EC
- EBF9F1
- F2FBF6
- F9FDFA
Koyu tonlar
- A4CBB5
- 8CAD9B
- 749081
- 5D7468
- 475A50
- 334139
- 1F2923
- 0D1310
- 020302
Gri tonlar
- B7DEC9
- B1D3C0
- ABC8B8
- A5BEB0
- 9FB3A8
- 98A9A0
- 929E98
- 8C9490
- 868A88
Renk uyumları
Tamamlayıcı +180°
- BDE9D1
Mystery Mint
- F8CFE8
≈ Little Smile
Analog -30° +30°
- BDE9D1
Mystery Mint
- D0E5BF
≈ Irish Folklore
- B2E9E6
≈ Spearmint Water
Üçlü +120° +240°
- BDE9D1
Mystery Mint
- D6DAFF
≈ Icy Plains
- FFD1C1
≈ Simply Delicious
Bölünmüş tamamlayıcı +150° +210°
- BDE9D1
Mystery Mint
- E9D3F9
≈ Mousse aux Pruneaux
- FFCFD4
≈ Love Fumes
Dörtlü +90° +180° +270°
- BDE9D1
Mystery Mint
- C4E0FF
≈ Dithered Sky
- F8CFE8
≈ Little Smile
- F5D7B5
≈ Pink Lady
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.74:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--mystery-mint: #bde9d1;
--mystery-mint-rgb: 189 233 209;
--mystery-mint-oklch: oklch(0.896 0.056 161.2);
}
.element {
color: var(--mystery-mint);
background-color: hsl(147 50% 83%);
border-color: oklch(0.896 0.056 161.2);
}Tailwind CSS v4
@theme {
--color-mystery-mint: #bde9d1;
--color-mystery-mint-50: #e8fbf1;
--color-mystery-mint-100: #d8eee3;
--color-mystery-mint-200: #c0dccd;
--color-mystery-mint-300: #9ec1af;
--color-mystery-mint-400: #81a994;
--color-mystery-mint-500: #64927a;
--color-mystery-mint-600: #557c68;
--color-mystery-mint-700: #446353;
--color-mystery-mint-800: #31493b;
--color-mystery-mint-900: #223229;
--color-mystery-mint-950: #111e17;
}SCSS
$mystery-mint: #bde9d1;
$mystery-mint-rgb: 189, 233, 209;
$mystery-mint-light: mix(#fff, $mystery-mint, 20%);
$mystery-mint-dark: mix(#000, $mystery-mint, 20%);
.element {
color: $mystery-mint;
box-shadow: 0 0 0 2px rgba($mystery-mint, 0.35);
}