色名 · #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);
}