이름 색상 · #F1E4CB
Champagne Burst
Champagne Burst은(는) #F1E4CB: rgb(241 228 203), hsl(39 58% 87%), oklch(0.923 0.036 83.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Champagne Burst color name →
#F1E4CB
oklch(0.923 0.036 83.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F2E7D0
- F4E9D5
- F5ECDB
- F7EFE0
- F8F2E5
- F9F4EA
- FBF7EF
- FCFAF5
- FEFCFA
셰이드
- D2C6B0
- B3A996
- 958D7D
- 797265
- 5D584D
- 433F37
- 2B2822
- 14120F
- 030302
톤
- E5DAC3
- D9CFBC
- CEC5B4
- C2BBAC
- B7B1A5
- ACA79D
- A19D96
- 96938F
- 8B8A87
색 조화
보색 +180°
- F1E4CB
Champagne Burst
- D9E6FE
≈ Veiling Waterfalls
유사색 -30° +30°
- F1E4CB
Champagne Burst
- FAE0D0
≈ Derry Coast Sunrise
- E5E9CE
≈ Sunny Summit
삼각 배색 +120° +240°
- F1E4CB
Champagne Burst
- CBEDF0
≈ Hand Sanitizer
- F2DEF3
≈ Divine Dove
분열 보색 +150° +210°
- F1E4CB
Champagne Burst
- CFEAFA
≈ Freezing Vapour
- E6E1FC
≈ Stoic White
사각 배색 +90° +180° +270°
- F1E4CB
Champagne Burst
- CEEEE3
≈ Hummingbird
- D9E6FE
≈ Veiling Waterfalls
- FADCE7
≈ Fresh Piglet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.69:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}