Colore con nome · #BDB264
New Avocado
New Avocado è #BDB264: rgb(189 178 100), hsl(53 40% 57%), oklch(0.756 0.1 101.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · New Avocado color name →
#BDB264
oklch(0.756 0.1 101.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C3BA75
- CAC185
- D0C994
- D7D1A4
- DDD8B3
- E4E0C2
- EBE8D1
- F1F0E0
- F8F7F0
Ombre
- A49A56
- 8C8348
- 746D3B
- 5D572E
- 474322
- 332F16
- 1F1D0B
- 0D0C03
- 020100
Toni
- B7AD68
- B0A86C
- AAA36F
- A49E73
- 9E9975
- 989478
- 928F7A
- 8C8A7C
- 86857E
Armonie di colore
Complementare +180°
- BDB264
New Avocado
- A5A8EE
≈ Maximum Blue Purple
Analogo -30° +30°
- BDB264
New Avocado
- D8A566
≈ Ungor Beige
- 99BD79
≈ Leticiaz
Triadico +120° +240°
- BDB264
New Avocado
- 5EBEDD
≈ Sea Capture
- DC96C2
≈ Firm Pink
Complementare divisa +150° +210°
- BDB264
New Avocado
- 7FB4EE
≈ Fly Away
- C59EDF
≈ Silver Rust
Tetradico +90° +180° +270°
- BDB264
New Avocado
- 56C4BF
≈ Port Hope
- A5A8EE
≈ Maximum Blue Purple
- E895A0
≈ Franken Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.71:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
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);
}