En yakın adlandırılmış renk · #BEAA8F
#BEAA8F
En yakın adlandırılmış renk: Coffee Diva
#BEAA8F (rgb(190 170 143), hsl(34 27% 65%), oklch(0.748 0.044 75.3)) en çok Coffee Diva 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.
#BEAA8F
oklch(0.748 0.044 75.3)
Renk dönüşümleri
- HEX
- #beaa8f
- RGB
- rgb(190 170 143)
- HSL
- hsl(34 27% 65%)
- HWB
- hwb(34 56% 25%)
- OKLCH
- oklch(0.748 0.044 75.3)
- OKLab
- oklab(0.748 0.011 0.042)
- CIE Lab
- lab(70.83 4.34 16.76)
- LCH
- lch(70.83 17.31 75.5)
- CMYK
- cmyk(0% 11% 25% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4B29A
- CBBBA5
- D1C3B0
- D8CBBB
- DED4C6
- E5DCD1
- EBE5DD
- F2EEE8
- F8F6F3
Koyu tonlar
- A5937C
- 8C7D69
- 756857
- 5E5345
- 483F34
- 332D24
- 1F1B15
- 0D0B07
- 020101
Gri tonlar
- B8A68E
- B1A28C
- AB9D8B
- A59989
- 9F9588
- 989186
- 928C85
- 8C8883
- 868482
Renk uyumları
Tamamlayıcı +180°
- BEAA8F
Coffee Diva
- 9BAFC9
≈ Satin Soft Blue
Analog -30° +30°
- BEAA8F
Coffee Diva
- C6A597
≈ Howdy Partner
- B1AF90
≈ That’s Atomic
Üçlü +120° +240°
- BEAA8F
Coffee Diva
- 8DB7B6
≈ Eyefull
- B8A5C1
≈ Viola Sororia
Bölünmüş tamamlayıcı +150° +210°
- BEAA8F
Coffee Diva
- 90B4C3
≈ Bright Bluebonnet
- AAAAC9
≈ Cosmic Sky
Dörtlü +90° +180° +270°
- BEAA8F
Coffee Diva
- 94B7A7
≈ Nile River
- 9BAFC9
≈ Satin Soft Blue
- C3A3B4
≈ Hollyhock Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.24:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.33:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--coffee-diva: #beaa8f;
--coffee-diva-rgb: 190 170 143;
--coffee-diva-oklch: oklch(0.748 0.044 75.3);
}
.element {
color: var(--coffee-diva);
background-color: hsl(34 27% 65%);
border-color: oklch(0.748 0.044 75.3);
}Tailwind CSS v4
@theme {
--color-coffee-diva: #beaa8f;
--color-coffee-diva-50: #fcf4e8;
--color-coffee-diva-100: #f0e6d8;
--color-coffee-diva-200: #dfd2c0;
--color-coffee-diva-300: #c4b59f;
--color-coffee-diva-400: #ae9b82;
--color-coffee-diva-500: #988266;
--color-coffee-diva-600: #806e56;
--color-coffee-diva-700: #675845;
--color-coffee-diva-800: #4c4032;
--color-coffee-diva-900: #352c22;
--color-coffee-diva-950: #201911;
}SCSS
$coffee-diva: #beaa8f;
$coffee-diva-rgb: 190, 170, 143;
$coffee-diva-light: mix(#fff, $coffee-diva, 20%);
$coffee-diva-dark: mix(#000, $coffee-diva, 20%);
.element {
color: $coffee-diva;
box-shadow: 0 0 0 2px rgba($coffee-diva, 0.35);
}