Nazwany kolor · #F1E4CB
Champagne Burst
Champagne Burst to #F1E4CB: rgb(241 228 203), hsl(39 58% 87%), oklch(0.923 0.036 83.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Champagne Burst color name →
#F1E4CB
oklch(0.923 0.036 83.8)
Konwersje koloru
- HEX
- #f1e4cb
- RGB
- rgb(241 228 203)
- HSL
- hsl(39 58% 87%)
- HWB
- hwb(39 80% 5%)
- OKLCH
- oklch(0.923 0.036 83.8)
- OKLab
- oklab(0.923 0.004 0.036)
- CIE Lab
- lab(91.15 1.59 13.92)
- LCH
- lch(91.15 14.01 83.5)
- CMYK
- cmyk(0% 5% 16% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2E7D0
- F4E9D5
- F5ECDB
- F7EFE0
- F8F2E5
- F9F4EA
- FBF7EF
- FCFAF5
- FEFCFA
Odcienie ciemniejsze
- D2C6B0
- B3A996
- 958D7D
- 797265
- 5D584D
- 433F37
- 2B2822
- 14120F
- 030302
Tony
- E5DAC3
- D9CFBC
- CEC5B4
- C2BBAC
- B7B1A5
- ACA79D
- A19D96
- 96938F
- 8B8A87
Harmonie kolorów
Komplementarna +180°
- F1E4CB
Champagne Burst
- D9E6FE
≈ Veiling Waterfalls
Analogowa -30° +30°
- F1E4CB
Champagne Burst
- FAE0D0
≈ Derry Coast Sunrise
- E5E9CE
≈ Sunny Summit
Triada +120° +240°
- F1E4CB
Champagne Burst
- CBEDF0
≈ Hand Sanitizer
- F2DEF3
≈ Divine Dove
Komplementarna rozszczepiona +150° +210°
- F1E4CB
Champagne Burst
- CFEAFA
≈ Freezing Vapour
- E6E1FC
≈ Stoic White
Tetrada +90° +180° +270°
- F1E4CB
Champagne Burst
- CEEEE3
≈ Hummingbird
- D9E6FE
≈ Veiling Waterfalls
- FADCE7
≈ Fresh Piglet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.69:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--champagne-burst: #f1e4cb;
--champagne-burst-rgb: 241 228 203;
--champagne-burst-oklch: oklch(0.923 0.036 83.8);
}
.element {
color: var(--champagne-burst);
background-color: hsl(39 58% 87%);
border-color: oklch(0.923 0.036 83.8);
}Tailwind CSS v4
@theme {
--color-champagne-burst: #f1e4cb;
--color-champagne-burst-50: #faf5ea;
--color-champagne-burst-100: #ede7db;
--color-champagne-burst-200: #dbd3c3;
--color-champagne-burst-300: #c0b6a3;
--color-champagne-burst-400: #a99d87;
--color-champagne-burst-500: #92856b;
--color-champagne-burst-600: #7b705b;
--color-champagne-burst-700: #635a49;
--color-champagne-burst-800: #494134;
--color-champagne-burst-900: #322d24;
--color-champagne-burst-950: #1e1a13;
}SCSS
$champagne-burst: #f1e4cb;
$champagne-burst-rgb: 241, 228, 203;
$champagne-burst-light: mix(#fff, $champagne-burst, 20%);
$champagne-burst-dark: mix(#000, $champagne-burst, 20%);
.element {
color: $champagne-burst;
box-shadow: 0 0 0 2px rgba($champagne-burst, 0.35);
}