Nazwany kolor · #DDCEAD
Champagne Bubbles
Champagne Bubbles to #DDCEAD: rgb(221 206 173), hsl(41 41% 77%), oklch(0.855 0.047 86.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Champagne Bubbles color name →
#DDCEAD
oklch(0.855 0.047 86.5)
Konwersje koloru
- HEX
- #ddcead
- RGB
- rgb(221 206 173)
- HSL
- hsl(41 41% 77%)
- HWB
- hwb(41 68% 13%)
- OKLCH
- oklch(0.855 0.047 86.5)
- OKLab
- oklab(0.855 0.003 0.047)
- CIE Lab
- lab(83.37 1.54 18.47)
- LCH
- lch(83.37 18.53 85.2)
- CMYK
- cmyk(0% 7% 22% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0D3B5
- E4D8BD
- E7DDC5
- EBE2CE
- EEE6D6
- F1EBDE
- F5F0E6
- F8F5EE
- FCFAF7
Odcienie ciemniejsze
- C0B396
- A4987F
- 887F6A
- 6E6655
- 554E41
- 3D382D
- 26231B
- 110F0B
- 020201
Tony
- D3C6A9
- CABEA4
- C0B6A0
- B7AE9B
- ADA697
- A49E92
- 9B978E
- 928F89
- 898885
Harmonie kolorów
Komplementarna +180°
- DDCEAD
Champagne Bubbles
- C1CFEF
≈ Frost Fairy
Analogowa -30° +30°
- DDCEAD
Champagne Bubbles
- E8C8B2
≈ Woodstock Rose
- CDD4B1
≈ Mint Soap
Triada +120° +240°
- DDCEAD
Champagne Bubbles
- ACD9DF
≈ Daly Waters
- E1C5E0
≈ Sweet Alyssum
Komplementarna rozszczepiona +150° +210°
- DDCEAD
Champagne Bubbles
- B3D5EB
≈ Ariel
- D2CAEB
≈ Foggy Love
Tetrada +90° +180° +270°
- DDCEAD
Champagne Bubbles
- B0DACE
≈ Scandal
- C1CFEF
≈ Frost Fairy
- EAC3D0
≈ Misty Memories
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.50:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--champagne-bubbles: #ddcead;
--champagne-bubbles-rgb: 221 206 173;
--champagne-bubbles-oklch: oklch(0.855 0.047 86.5);
}
.element {
color: var(--champagne-bubbles);
background-color: hsl(41 41% 77%);
border-color: oklch(0.855 0.047 86.5);
}Tailwind CSS v4
@theme {
--color-champagne-bubbles: #ddcead;
--color-champagne-bubbles-50: #fbf5e6;
--color-champagne-bubbles-100: #eee7d7;
--color-champagne-bubbles-200: #dcd4be;
--color-champagne-bubbles-300: #c1b79d;
--color-champagne-bubbles-400: #ab9d7f;
--color-champagne-bubbles-500: #948462;
--color-champagne-bubbles-600: #7d7054;
--color-champagne-bubbles-700: #645a43;
--color-champagne-bubbles-800: #4a4130;
--color-champagne-bubbles-900: #332d20;
--color-champagne-bubbles-950: #1f1a10;
}SCSS
$champagne-bubbles: #ddcead;
$champagne-bubbles-rgb: 221, 206, 173;
$champagne-bubbles-light: mix(#fff, $champagne-bubbles, 20%);
$champagne-bubbles-dark: mix(#000, $champagne-bubbles, 20%);
.element {
color: $champagne-bubbles;
box-shadow: 0 0 0 2px rgba($champagne-bubbles, 0.35);
}