Adlandırılmış renk · #BDE1D8
Serendipity
Serendipity, #BDE1D8: rgb(189 225 216), hsl(165 37% 81%), oklch(0.881 0.04 178.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Serendipity color name →
#BDE1D8
oklch(0.881 0.04 178.5)
Renk dönüşümleri
- HEX
- #bde1d8
- RGB
- rgb(189 225 216)
- HSL
- hsl(165 37% 81%)
- HWB
- hwb(165 74% 12%)
- OKLCH
- oklch(0.881 0.04 178.5)
- OKLab
- oklab(0.881 -0.04 0.001)
- CIE Lab
- lab(86.73 -13.56 0.27)
- LCH
- lch(86.73 13.56 178.9)
- CMYK
- cmyk(16% 0% 4% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4E4DC
- CAE7E0
- D1EAE4
- D8EDE7
- DEF0EB
- E5F3EF
- EBF6F3
- F2F9F7
- F8FCFB
Koyu tonlar
- A4C4BC
- 8CA7A0
- 748B85
- 5D706B
- 475653
- 333E3B
- 1F2725
- 0D1211
- 020202
Gri tonlar
- B7D7CF
- B1CDC6
- ABC3BD
- A5B9B4
- 9EAFAB
- 98A6A2
- 929C99
- 8C9391
- 868988
Renk uyumları
Tamamlayıcı +180°
- BDE1D8
Serendipity
- EFCED7
≈ Donquixote Doflamingo
Analog -30° +30°
- BDE1D8
Serendipity
- C7E0CA
≈ Spring Burst
- BBE0E6
≈ Forever
Üçlü +120° +240°
- BDE1D8
Serendipity
- DBD3EF
≈ Japan Blush
- EDD2BF
≈ Cream of Mushroom
Bölünmüş tamamlayıcı +150° +210°
- BDE1D8
Serendipity
- E7CFE5
≈ Lilacs in Spring
- F1CFC9
≈ Chic Peach
Dörtlü +90° +180° +270°
- BDE1D8
Serendipity
- CDD8F3
≈ Flax Bloom
- EFCED7
≈ Donquixote Doflamingo
- E3D7BB
≈ Cornerstone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.92:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--serendipity: #bde1d8;
--serendipity-rgb: 189 225 216;
--serendipity-oklch: oklch(0.881 0.04 178.5);
}
.element {
color: var(--serendipity);
background-color: hsl(165 37% 81%);
border-color: oklch(0.881 0.04 178.5);
}Tailwind CSS v4
@theme {
--color-serendipity: #bde1d8;
--color-serendipity-50: #eaf9f6;
--color-serendipity-100: #daece8;
--color-serendipity-200: #c3dad5;
--color-serendipity-300: #a2beb8;
--color-serendipity-400: #86a79f;
--color-serendipity-500: #6a8f86;
--color-serendipity-600: #5a7972;
--color-serendipity-700: #48615b;
--color-serendipity-800: #344742;
--color-serendipity-900: #23312d;
--color-serendipity-950: #121d1a;
}SCSS
$serendipity: #bde1d8;
$serendipity-rgb: 189, 225, 216;
$serendipity-light: mix(#fff, $serendipity, 20%);
$serendipity-dark: mix(#000, $serendipity, 20%);
.element {
color: $serendipity;
box-shadow: 0 0 0 2px rgba($serendipity, 0.35);
}