이름 색상 · #D2D392
Guacamole Ambrosia
Guacamole Ambrosia은(는) #D2D392: rgb(210 211 146), hsl(61 42% 70%), oklch(0.851 0.085 108.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Guacamole Ambrosia color name →
#D2D392
oklch(0.851 0.085 108.8)
색상 변환
- HEX
- #d2d392
- RGB
- rgb(210 211 146)
- HSL
- hsl(61 42% 70%)
- HWB
- hwb(61 57% 17%)
- OKLCH
- oklch(0.851 0.085 108.8)
- OKLab
- oklab(0.851 -0.027 0.08)
- CIE Lab
- lab(83.33 -7.76 32.17)
- LCH
- lch(83.33 33.09 103.6)
- CMYK
- cmyk(0% 0% 31% 17%)
틴트 · 셰이드 · 톤
틴트
- D6D79D
- DBDCA8
- DFE0B3
- E4E5BE
- E8E9C9
- EDEED4
- F1F2DF
- F6F6E9
- FAFBF4
셰이드
- B6B77E
- 9B9C6B
- 818258
- 686946
- 505135
- 393A25
- 242416
- 101008
- 020201
톤
- C9CA91
- C1C28F
- B9BA8E
- B0B18C
- A8A98A
- A0A189
- 989887
- 909085
- 888882
색 조화
보색 +180°
- D2D392
Guacamole Ambrosia
- CBC6FF
≈ Innocent Snowdrop
유사색 -30° +30°
- D2D392
Guacamole Ambrosia
- ECC88F
≈ Honeysuckle Beige
- B2DCA7
≈ Fizz
삼각 배색 +120° +240°
- D2D392
Guacamole Ambrosia
- 92D9FA
≈ Shiva Blue
- F9B8D7
≈ Little Baby Girl
분열 보색 +150° +210°
- D2D392
Guacamole Ambrosia
- B1D0FF
≈ Ice Cold Stare
- E6BDF2
≈ Lovecloud
사각 배색 +90° +180° +270°
- D2D392
Guacamole Ambrosia
- 88DFE3
≈ Paradisiacal Getaway
- CBC6FF
≈ Innocent Snowdrop
- FFB9B9
≈ Hard Candy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.47:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--guacamole-ambrosia: #d2d392;
--guacamole-ambrosia-rgb: 210 211 146;
--guacamole-ambrosia-oklch: oklch(0.851 0.085 108.8);
}
.element {
color: var(--guacamole-ambrosia);
background-color: hsl(61 42% 70%);
border-color: oklch(0.851 0.085 108.8);
}Tailwind CSS v4
@theme {
--color-guacamole-ambrosia: #d2d392;
--color-guacamole-ambrosia-50: #f6f8dc;
--color-guacamole-ambrosia-100: #e9ebcb;
--color-guacamole-ambrosia-200: #d5d8af;
--color-guacamole-ambrosia-300: #b9bc8a;
--color-guacamole-ambrosia-400: #a2a367;
--color-guacamole-ambrosia-500: #8b8b44;
--color-guacamole-ambrosia-600: #75753b;
--color-guacamole-ambrosia-700: #5e5e2f;
--color-guacamole-ambrosia-800: #464420;
--color-guacamole-ambrosia-900: #302f15;
--color-guacamole-ambrosia-950: #1d1c06;
}SCSS
$guacamole-ambrosia: #d2d392;
$guacamole-ambrosia-rgb: 210, 211, 146;
$guacamole-ambrosia-light: mix(#fff, $guacamole-ambrosia, 20%);
$guacamole-ambrosia-dark: mix(#000, $guacamole-ambrosia, 20%);
.element {
color: $guacamole-ambrosia;
box-shadow: 0 0 0 2px rgba($guacamole-ambrosia, 0.35);
}