Adlandırılmış renk · #BDD8C0
Namaste
Namaste, #BDD8C0: rgb(189 216 192), hsl(127 26% 79%), oklch(0.856 0.044 148.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Namaste color name →
#BDD8C0
oklch(0.856 0.044 148.3)
Renk dönüşümleri
- HEX
- #bdd8c0
- RGB
- rgb(189 216 192)
- HSL
- hsl(127 26% 79%)
- HWB
- hwb(127 74% 15%)
- OKLCH
- oklch(0.856 0.044 148.3)
- OKLab
- oklab(0.856 -0.037 0.023)
- CIE Lab
- lab(83.83 -12.71 8.7)
- LCH
- lch(83.83 15.41 145.6)
- CMYK
- cmyk(12% 0% 11% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4DCC6
- CAE0CC
- D1E4D3
- D7E8D9
- DEEBDF
- E4EFE6
- EBF3EC
- F2F7F2
- F8FBF9
Koyu tonlar
- A4BCA7
- 8CA08E
- 748576
- 5D6B5F
- 475349
- 333B34
- 1F2520
- 0D110E
- 020202
Gri tonlar
- B7CFB9
- B1C6B3
- AABDAC
- A4B4A6
- 9EAB9F
- 98A299
- 929A93
- 8C918C
- 868886
Renk uyumları
Tamamlayıcı +180°
- BDD8C0
Namaste
- E0C6DE
≈ Decadial Pink
Analog -30° +30°
- BDD8C0
Namaste
- CCD4B4
≈ Mint Soap
- B2D9D0
≈ Wave Top
Üçlü +120° +240°
- BDD8C0
Namaste
- C3CFED
≈ Purple Pj’s
- EBC5C0
≈ Rose Haze
Bölünmüş tamamlayıcı +150° +210°
- BDD8C0
Namaste
- D3CAE9
≈ Italian Fitch
- E9C4CF
≈ Light Blush
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.74:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--namaste: #bdd8c0;
--namaste-rgb: 189 216 192;
--namaste-oklch: oklch(0.856 0.044 148.3);
}
.element {
color: var(--namaste);
background-color: hsl(127 26% 79%);
border-color: oklch(0.856 0.044 148.3);
}Tailwind CSS v4
@theme {
--color-namaste: #bdd8c0;
--color-namaste-50: #edf9ef;
--color-namaste-100: #deece0;
--color-namaste-200: #c8dacb;
--color-namaste-300: #a8beac;
--color-namaste-400: #8da690;
--color-namaste-500: #738f76;
--color-namaste-600: #617964;
--color-namaste-700: #4e6150;
--color-namaste-800: #394739;
--color-namaste-900: #273127;
--color-namaste-950: #151d15;
}SCSS
$namaste: #bdd8c0;
$namaste-rgb: 189, 216, 192;
$namaste-light: mix(#fff, $namaste, 20%);
$namaste-dark: mix(#000, $namaste, 20%);
.element {
color: $namaste;
box-shadow: 0 0 0 2px rgba($namaste, 0.35);
}