이름 색상 · #DDCB46
Confetti
Confetti은(는) #DDCB46: rgb(221 203 70), hsl(53 69% 57%), oklch(0.834 0.15 101.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Confetti color name →
#DDCB46
oklch(0.834 0.15 101.5)
색상 변환
- HEX
- #ddcb46
- RGB
- rgb(221 203 70)
- HSL
- hsl(53 69% 57%)
- HWB
- hwb(53 27% 13%)
- OKLCH
- oklch(0.834 0.15 101.5)
- OKLab
- oklab(0.834 -0.03 0.147)
- CIE Lab
- lab(81.44 -4.33 65.28)
- LCH
- lch(81.44 65.43 93.8)
- CMYK
- cmyk(0% 8% 68% 13%)
틴트 · 셰이드 · 톤
틴트
- E0D15F
- E3D675
- E7DB88
- EAE19B
- EDE6AC
- F1EBBD
- F4F0CE
- F8F5DE
- FBFAEF
셰이드
- C0B03C
- A49632
- 887D28
- 6E651E
- 554D15
- 3D370D
- 262205
- 110F02
- 020200
톤
- D3C352
- CABC5B
- C0B562
- B6AD69
- ADA66E
- A49E73
- 9B9777
- 928F7A
- 89887D
색 조화
보색 +180°
- DDCB46
Confetti
- BFC2FF
≈ Light Periwinkle
유사색 -30° +30°
- DDCB46
Confetti
- FFB95D
≈ Cape Jasmine
- A5DC71
≈ Last of Lettuce
삼각 배색 +120° +240°
- DDCB46
Confetti
- 62DAFF
≈ Athena Blue
- FFA8DF
≈ Fresh Gum
분열 보색 +150° +210°
- DDCB46
Confetti
- A0CDFF
≈ Baby Blue
- E1B3FF
≈ Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.70:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--confetti: #ddcb46;
--confetti-rgb: 221 203 70;
--confetti-oklch: oklch(0.834 0.15 101.5);
}
.element {
color: var(--confetti);
background-color: hsl(53 69% 57%);
border-color: oklch(0.834 0.15 101.5);
}Tailwind CSS v4
@theme {
--color-confetti: #ddcb46;
--color-confetti-50: #fcf8c7;
--color-confetti-100: #f0ebb1;
--color-confetti-200: #dfd88b;
--color-confetti-300: #c5bb5a;
--color-confetti-400: #b1a014;
--color-confetti-500: #9c8700;
--color-confetti-600: #847200;
--color-confetti-700: #695b00;
--color-confetti-800: #4f4200;
--color-confetti-900: #372e00;
--color-confetti-950: #221a00;
}SCSS
$confetti: #ddcb46;
$confetti-rgb: 221, 203, 70;
$confetti-light: mix(#fff, $confetti, 20%);
$confetti-dark: mix(#000, $confetti, 20%);
.element {
color: $confetti;
box-shadow: 0 0 0 2px rgba($confetti, 0.35);
}