Adlandırılmış renk · #E3D7AE
Champagne Cocktail
Champagne Cocktail, #E3D7AE: rgb(227 215 174), hsl(46 49% 79%), oklch(0.879 0.056 93.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Champagne Cocktail color name →
#E3D7AE
oklch(0.879 0.056 93.7)
Renk dönüşümleri
- HEX
- #e3d7ae
- RGB
- rgb(227 215 174)
- HSL
- hsl(46 49% 79%)
- HWB
- hwb(46 68% 11%)
- OKLCH
- oklch(0.879 0.056 93.7)
- OKLab
- oklab(0.879 -0.004 0.056)
- CIE Lab
- lab(86.19 -0.46 21.89)
- LCH
- lch(86.19 21.89 91.2)
- CMYK
- cmyk(0% 5% 23% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6DBB6
- E9DFBE
- EBE3C6
- EEE7CE
- F1EBD7
- F4EFDF
- F7F3E7
- F9F7EF
- FCFBF7
Koyu tonlar
- C5BB97
- A89F80
- 8C856A
- 716B55
- 575241
- 3F3B2E
- 27251C
- 12110B
- 030201
Gri tonlar
- D9CEA9
- CEC5A5
- C4BCA0
- BAB39C
- B0AB97
- A6A293
- 9D998E
- 939189
- 898885
Renk uyumları
Tamamlayıcı +180°
- E3D7AE
Champagne Cocktail
- CBD5FD
≈ Pale Phthalo Blue
Analog -30° +30°
- E3D7AE
Champagne Cocktail
- F2D0B2
≈ Mission Courtyard
- CFDEB6
≈ Green Parlour
Üçlü +120° +240°
- E3D7AE
Champagne Cocktail
- ADE1ED
≈ Atmospheric Soft Blue
- EFCAE7
≈ Sugar High
Bölünmüş tamamlayıcı +150° +210°
- E3D7AE
Champagne Cocktail
- B9DCFA
≈ Oh Boy!
- DECFF6
≈ Pale Lavender
Dörtlü +90° +180° +270°
- E3D7AE
Champagne Cocktail
- AFE4DB
≈ Aquatic Mist
- CBD5FD
≈ Pale Phthalo Blue
- F8C8D3
≈ Palace Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.59:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--champagne-cocktail: #e3d7ae;
--champagne-cocktail-rgb: 227 215 174;
--champagne-cocktail-oklch: oklch(0.879 0.056 93.7);
}
.element {
color: var(--champagne-cocktail);
background-color: hsl(46 49% 79%);
border-color: oklch(0.879 0.056 93.7);
}Tailwind CSS v4
@theme {
--color-champagne-cocktail: #e3d7ae;
--color-champagne-cocktail-50: #faf5e4;
--color-champagne-cocktail-100: #ede8d4;
--color-champagne-cocktail-200: #dbd5ba;
--color-champagne-cocktail-300: #c0b898;
--color-champagne-cocktail-400: #a99e79;
--color-champagne-cocktail-500: #92865b;
--color-champagne-cocktail-600: #7c714e;
--color-champagne-cocktail-700: #635b3e;
--color-champagne-cocktail-800: #49422c;
--color-champagne-cocktail-900: #332d1e;
--color-champagne-cocktail-950: #1f1a0e;
}SCSS
$champagne-cocktail: #e3d7ae;
$champagne-cocktail-rgb: 227, 215, 174;
$champagne-cocktail-light: mix(#fff, $champagne-cocktail, 20%);
$champagne-cocktail-dark: mix(#000, $champagne-cocktail, 20%);
.element {
color: $champagne-cocktail;
box-shadow: 0 0 0 2px rgba($champagne-cocktail, 0.35);
}