이름 색상 · #DEEABD
Budding Bloom
Budding Bloom은(는) #DEEABD: rgb(222 234 189), hsl(76 52% 83%), oklch(0.917 0.061 119.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Budding Bloom color name →
#DEEABD
oklch(0.917 0.061 119.7)
색상 변환
- HEX
- #deeabd
- RGB
- rgb(222 234 189)
- HSL
- hsl(76 52% 83%)
- HWB
- hwb(76 74% 8%)
- OKLCH
- oklch(0.917 0.061 119.7)
- OKLab
- oklab(0.917 -0.03 0.053)
- CIE Lab
- lab(90.93 -9.77 20.54)
- LCH
- lch(90.93 22.74 115.4)
- CMYK
- cmyk(5% 0% 19% 8%)
틴트 · 셰이드 · 톤
틴트
- E1ECC4
- E4EECA
- E8F0D1
- EBF3D8
- EEF5DE
- F2F7E5
- F5F9EB
- F8FBF2
- FCFDF8
셰이드
- C1CBA4
- A5AE8C
- 899174
- 6F755D
- 555A47
- 3D4133
- 26291F
- 12130D
- 020302
톤
- D4DFB7
- CAD4B1
- C1C9AB
- B7BEA5
- AEB49E
- A4A998
- 9B9F92
- 92948C
- 898A86
색 조화
보색 +180°
- DEEABD
Budding Bloom
- E8DDFF
≈ Lavender Savour
유사색 -30° +30°
- DEEABD
Budding Bloom
- F3E2B6
≈ Soft Butter
- C8EFCE
≈ Pickford
삼각 배색 +120° +240°
- DEEABD
Budding Bloom
- C9E8FF
≈ Blue Java Banana
- FFD7E2
≈ Pig Pink
분열 보색 +150° +210°
- DEEABD
Budding Bloom
- D9E3FF
≈ Stoic White
- FBD6F7
≈ Sweet Sachet
사각 배색 +90° +180° +270°
- DEEABD
Budding Bloom
- B5EFFA
≈ Northrend
- E8DDFF
≈ Lavender Savour
- FFDAD3
≈ Peach Schnapps
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.60:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--budding-bloom: #deeabd;
--budding-bloom-rgb: 222 234 189;
--budding-bloom-oklch: oklch(0.917 0.061 119.7);
}
.element {
color: var(--budding-bloom);
background-color: hsl(76 52% 83%);
border-color: oklch(0.917 0.061 119.7);
}Tailwind CSS v4
@theme {
--color-budding-bloom: #deeabd;
--color-budding-bloom-50: #f2f8e5;
--color-budding-bloom-100: #e4ebd5;
--color-budding-bloom-200: #d0d9bc;
--color-budding-bloom-300: #b2bd9b;
--color-budding-bloom-400: #9aa47c;
--color-budding-bloom-500: #818c5e;
--color-budding-bloom-600: #6d7750;
--color-budding-bloom-700: #575f40;
--color-budding-bloom-800: #40452d;
--color-budding-bloom-900: #2c301e;
--color-budding-bloom-950: #191c0e;
}SCSS
$budding-bloom: #deeabd;
$budding-bloom-rgb: 222, 234, 189;
$budding-bloom-light: mix(#fff, $budding-bloom, 20%);
$budding-bloom-dark: mix(#000, $budding-bloom, 20%);
.element {
color: $budding-bloom;
box-shadow: 0 0 0 2px rgba($budding-bloom, 0.35);
}