Nazwany kolor · #DCAA6E
Frankincense
Frankincense to #DCAA6E: rgb(220 170 110), hsl(33 61% 65%), oklch(0.771 0.097 70.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Frankincense color name →
#DCAA6E
oklch(0.771 0.097 70.6)
Konwersje koloru
- HEX
- #dcaa6e
- RGB
- rgb(220 170 110)
- HSL
- hsl(33 61% 65%)
- HWB
- hwb(33 43% 14%)
- OKLCH
- oklch(0.771 0.097 70.6)
- OKLab
- oklab(0.771 0.032 0.091)
- CIE Lab
- lab(73.34 13.69 38.19)
- LCH
- lch(73.34 40.57 70.3)
- CMYK
- cmyk(0% 23% 50% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0B37D
- E4BB8C
- E7C49A
- EBCCA9
- EED5B7
- F2DDC6
- F5E6D4
- F9EEE2
- FCF6F1
Odcienie ciemniejsze
- BF935F
- A37D50
- 886841
- 6E5333
- 543F26
- 3C2D19
- 261B0E
- 110B04
- 020101
Tony
- D3A671
- C9A273
- C09E76
- B79A78
- AE957A
- A4917B
- 9B8D7D
- 92897E
- 89847F
Harmonie kolorów
Komplementarna +180°
- DCAA6E
Frankincense
- 85B9F1
≈ Electric Eel
Analogowa -30° +30°
- DCAA6E
Frankincense
- EAA085
≈ Mamey
- C2B76C
≈ Linden Green
Triada +120° +240°
- DCAA6E
Frankincense
- 61C8C3
≈ Chinese Lacquer
- C8A3E3
≈ Silver Rust
Komplementarna rozszczepiona +150° +210°
- DCAA6E
Frankincense
- 67C3E0
≈ Candid Blue
- A9AEF2
≈ Wondrous Wisteria
Tetrada +90° +180° +270°
- DCAA6E
Frankincense
- 7AC8A0
≈ Minted Elegance
- 85B9F1
≈ Electric Eel
- DF9CC7
≈ Lilac Chiffon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.01:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--frankincense: #dcaa6e;
--frankincense-rgb: 220 170 110;
--frankincense-oklch: oklch(0.771 0.097 70.6);
}
.element {
color: var(--frankincense);
background-color: hsl(33 61% 65%);
border-color: oklch(0.771 0.097 70.6);
}Tailwind CSS v4
@theme {
--color-frankincense: #dcaa6e;
--color-frankincense-50: #fff1d8;
--color-frankincense-100: #fce4c5;
--color-frankincense-200: #eecea7;
--color-frankincense-300: #d6b080;
--color-frankincense-400: #c3955c;
--color-frankincense-500: #ae7a36;
--color-frankincense-600: #93682f;
--color-frankincense-700: #765325;
--color-frankincense-800: #583c1a;
--color-frankincense-900: #3e2911;
--color-frankincense-950: #271704;
}SCSS
$frankincense: #dcaa6e;
$frankincense-rgb: 220, 170, 110;
$frankincense-light: mix(#fff, $frankincense, 20%);
$frankincense-dark: mix(#000, $frankincense, 20%);
.element {
color: $frankincense;
box-shadow: 0 0 0 2px rgba($frankincense, 0.35);
}