Warna bernama · #BDB264
New Avocado
New Avocado adalah #BDB264: rgb(189 178 100), hsl(53 40% 57%), oklch(0.756 0.1 101.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · New Avocado color name →
#BDB264
oklch(0.756 0.1 101.3)
Konversi warna
- HEX
- #bdb264
- RGB
- rgb(189 178 100)
- HSL
- hsl(53 40% 57%)
- HWB
- hwb(53 39% 26%)
- OKLCH
- oklch(0.756 0.1 101.3)
- OKLab
- oklab(0.756 -0.02 0.098)
- CIE Lab
- lab(72.24 -3.86 41.06)
- LCH
- lch(72.24 41.24 95.4)
- CMYK
- cmyk(0% 6% 47% 26%)
Tint · Shade · Tone
Tint
- C3BA75
- CAC185
- D0C994
- D7D1A4
- DDD8B3
- E4E0C2
- EBE8D1
- F1F0E0
- F8F7F0
Shade
- A49A56
- 8C8348
- 746D3B
- 5D572E
- 474322
- 332F16
- 1F1D0B
- 0D0C03
- 020100
Tone
- B7AD68
- B0A86C
- AAA36F
- A49E73
- 9E9975
- 989478
- 928F7A
- 8C8A7C
- 86857E
Harmoni warna
Komplementer +180°
- BDB264
New Avocado
- A5A8EE
≈ Maximum Blue Purple
Analog -30° +30°
- BDB264
New Avocado
- D8A566
≈ Ungor Beige
- 99BD79
≈ Leticiaz
Triadik +120° +240°
- BDB264
New Avocado
- 5EBEDD
≈ Sea Capture
- DC96C2
≈ Firm Pink
Split-komplementer +150° +210°
- BDB264
New Avocado
- 7FB4EE
≈ Fly Away
- C59EDF
≈ Silver Rust
Tetradik +90° +180° +270°
- BDB264
New Avocado
- 56C4BF
≈ Port Hope
- A5A8EE
≈ Maximum Blue Purple
- E895A0
≈ Franken Berry
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.16:1 · APCA Lc 42
Ag
AAADi atas hitam
WCAG 9.71:1 · APCA Lc 60
Warna teks terbaik: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Cuplikan kode
CSS
:root {
--new-avocado: #bdb264;
--new-avocado-rgb: 189 178 100;
--new-avocado-oklch: oklch(0.756 0.1 101.3);
}
.element {
color: var(--new-avocado);
background-color: hsl(53 40% 57%);
border-color: oklch(0.756 0.1 101.3);
}Tailwind CSS v4
@theme {
--color-new-avocado: #bdb264;
--color-new-avocado-50: #faf7d6;
--color-new-avocado-100: #edeac4;
--color-new-avocado-200: #dbd7a5;
--color-new-avocado-300: #c0ba7d;
--color-new-avocado-400: #aba057;
--color-new-avocado-500: #94882d;
--color-new-avocado-600: #7d7328;
--color-new-avocado-700: #645c20;
--color-new-avocado-800: #4b4314;
--color-new-avocado-900: #342e0d;
--color-new-avocado-950: #1f1b02;
}SCSS
$new-avocado: #bdb264;
$new-avocado-rgb: 189, 178, 100;
$new-avocado-light: mix(#fff, $new-avocado, 20%);
$new-avocado-dark: mix(#000, $new-avocado, 20%);
.element {
color: $new-avocado;
box-shadow: 0 0 0 2px rgba($new-avocado, 0.35);
}