Adlandırılmış renk · #CADBBD
Bethany
Bethany, #CADBBD: rgb(202 219 189), hsl(94 29% 80%), oklch(0.871 0.044 131.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Bethany color name →
#CADBBD
oklch(0.871 0.044 131.5)
Renk dönüşümleri
- HEX
- #cadbbd
- RGB
- rgb(202 219 189)
- HSL
- hsl(94 29% 80%)
- HWB
- hwb(94 74% 14%)
- OKLCH
- oklch(0.871 0.044 131.5)
- OKLab
- oklab(0.871 -0.029 0.033)
- CIE Lab
- lab(85.51 -9.92 12.78)
- LCH
- lch(85.51 16.18 127.8)
- CMYK
- cmyk(8% 0% 14% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFDFC4
- D4E2CA
- DAE6D1
- DFE9D7
- E4EDDE
- EAF1E4
- EFF4EB
- F4F8F2
- FAFBF8
Koyu tonlar
- AFBEA4
- 95A28C
- 7C8774
- 646D5D
- 4D5447
- 373C33
- 22261F
- 0F110D
- 020202
Gri tonlar
- C2D2B7
- BBC8B1
- B3BFAA
- ACB6A4
- A4AC9E
- 9DA398
- 969A92
- 8E928C
- 878986
Renk uyumları
Tamamlayıcı +180°
- CADBBD
Bethany
- DECDEA
≈ Plum’s the Word
Analog -30° +30°
- CADBBD
Bethany
- DAD6B5
≈ Spring Day
- BCDECB
≈ Refrigerator Green
Üçlü +120° +240°
- CADBBD
Bethany
- C0D7F1
≈ Delicate Blue Mist
- F0C9CD
≈ Feather Boa
Bölünmüş tamamlayıcı +150° +210°
- CADBBD
Bethany
- CFD2F2
≈ Frozen Periwinkle
- EACADD
≈ Merry Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.37:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--bethany: #cadbbd;
--bethany-rgb: 202 219 189;
--bethany-oklch: oklch(0.871 0.044 131.5);
}
.element {
color: var(--bethany);
background-color: hsl(94 29% 80%);
border-color: oklch(0.871 0.044 131.5);
}Tailwind CSS v4
@theme {
--color-bethany: #cadbbd;
--color-bethany-50: #f0f8eb;
--color-bethany-100: #e2ebdc;
--color-bethany-200: #cdd9c6;
--color-bethany-300: #aebda6;
--color-bethany-400: #95a489;
--color-bethany-500: #7c8d6e;
--color-bethany-600: #69775d;
--color-bethany-700: #545f4b;
--color-bethany-800: #3d4635;
--color-bethany-900: #2a3024;
--color-bethany-950: #181c13;
}SCSS
$bethany: #cadbbd;
$bethany-rgb: 202, 219, 189;
$bethany-light: mix(#fff, $bethany, 20%);
$bethany-dark: mix(#000, $bethany, 20%);
.element {
color: $bethany;
box-shadow: 0 0 0 2px rgba($bethany, 0.35);
}