Nazwany kolor · #DAA674
Fresh Nectar
Fresh Nectar to #DAA674: rgb(218 166 116), hsl(29 58% 65%), oklch(0.762 0.09 64.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Fresh Nectar color name →
#DAA674
oklch(0.762 0.09 64.7)
Konwersje koloru
- HEX
- #daa674
- RGB
- rgb(218 166 116)
- HSL
- hsl(29 58% 65%)
- HWB
- hwb(29 45% 15%)
- OKLCH
- oklch(0.762 0.09 64.7)
- OKLab
- oklab(0.762 0.038 0.081)
- CIE Lab
- lab(72.22 15.31 33.64)
- LCH
- lch(72.22 36.96 65.5)
- CMYK
- cmyk(0% 24% 47% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEAF82
- E2B890
- E6C19E
- EACAAC
- EDD2BA
- F1DBC7
- F5E4D5
- F8EDE3
- FCF6F1
Odcienie ciemniejsze
- BD9064
- A27A54
- 876545
- 6C5137
- 543E29
- 3C2B1B
- 251A0F
- 110A05
- 020101
Tony
- D1A276
- C89F78
- BF9B79
- B6977B
- AD937C
- A4907D
- 9B8C7E
- 92887F
- 89847F
Harmonie kolorów
Komplementarna +180°
- DAA674
Fresh Nectar
- 80B8E7
≈ Aero
Analogowa -30° +30°
- DAA674
Fresh Nectar
- E59D8B
≈ Tonys Pink
- C4B16E
≈ Champagne Grape
Triada +120° +240°
- DAA674
Fresh Nectar
- 69C5B9
≈ Bayside
- BFA4E0
≈ Enchanted Lavender
Komplementarna rozszczepiona +150° +210°
- DAA674
Fresh Nectar
- 68C1D5
≈ Rushing Stream
- A0AEEB
≈ Wondrous Wisteria
Tetrada +90° +180° +270°
- DAA674
Fresh Nectar
- 83C398
≈ Willow Hedge
- 80B8E7
≈ Aero
- D69CC9
≈ Girl Power
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.68:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-nectar: #daa674;
--fresh-nectar-rgb: 218 166 116;
--fresh-nectar-oklch: oklch(0.762 0.09 64.7);
}
.element {
color: var(--fresh-nectar);
background-color: hsl(29 58% 65%);
border-color: oklch(0.762 0.09 64.7);
}Tailwind CSS v4
@theme {
--color-fresh-nectar: #daa674;
--color-fresh-nectar-50: #fff1db;
--color-fresh-nectar-100: #fde3c9;
--color-fresh-nectar-200: #efcdac;
--color-fresh-nectar-300: #d7af86;
--color-fresh-nectar-400: #c49365;
--color-fresh-nectar-500: #af7941;
--color-fresh-nectar-600: #946638;
--color-fresh-nectar-700: #77522d;
--color-fresh-nectar-800: #583b20;
--color-fresh-nectar-900: #3e2915;
--color-fresh-nectar-950: #271606;
}SCSS
$fresh-nectar: #daa674;
$fresh-nectar-rgb: 218, 166, 116;
$fresh-nectar-light: mix(#fff, $fresh-nectar, 20%);
$fresh-nectar-dark: mix(#000, $fresh-nectar, 20%);
.element {
color: $fresh-nectar;
box-shadow: 0 0 0 2px rgba($fresh-nectar, 0.35);
}