Adlandırılmış renk · #D2D392
Guacamole Ambrosia
Guacamole Ambrosia, #D2D392: rgb(210 211 146), hsl(61 42% 70%), oklch(0.851 0.085 108.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Guacamole Ambrosia color name →
#D2D392
oklch(0.851 0.085 108.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6D79D
- DBDCA8
- DFE0B3
- E4E5BE
- E8E9C9
- EDEED4
- F1F2DF
- F6F6E9
- FAFBF4
Koyu tonlar
- B6B77E
- 9B9C6B
- 818258
- 686946
- 505135
- 393A25
- 242416
- 101008
- 020201
Gri tonlar
- C9CA91
- C1C28F
- B9BA8E
- B0B18C
- A8A98A
- A0A189
- 989887
- 909085
- 888882
Renk uyumları
Tamamlayıcı +180°
- D2D392
Guacamole Ambrosia
- CBC6FF
≈ Innocent Snowdrop
Analog -30° +30°
- D2D392
Guacamole Ambrosia
- ECC88F
≈ Honeysuckle Beige
- B2DCA7
≈ Fizz
Üçlü +120° +240°
- D2D392
Guacamole Ambrosia
- 92D9FA
≈ Shiva Blue
- F9B8D7
≈ Little Baby Girl
Bölünmüş tamamlayıcı +150° +210°
- D2D392
Guacamole Ambrosia
- B1D0FF
≈ Ice Cold Stare
- E6BDF2
≈ Lovecloud
Dörtlü +90° +180° +270°
- D2D392
Guacamole Ambrosia
- 88DFE3
≈ Paradisiacal Getaway
- CBC6FF
≈ Innocent Snowdrop
- FFB9B9
≈ Hard Candy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.47:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}