Nazwany kolor · #F6DAA7
Fireflies
Fireflies to #F6DAA7: rgb(246 218 167), hsl(39 81% 81%), oklch(0.899 0.073 82.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Fireflies color name →
#F6DAA7
oklch(0.899 0.073 82.3)
Konwersje koloru
- HEX
- #f6daa7
- RGB
- rgb(246 218 167)
- HSL
- hsl(39 81% 81%)
- HWB
- hwb(39 65% 4%)
- OKLCH
- oklch(0.899 0.073 82.3)
- OKLab
- oklab(0.899 0.01 0.072)
- CIE Lab
- lab(88.5 4.68 28.92)
- LCH
- lch(88.5 29.3 80.8)
- CMYK
- cmyk(0% 11% 32% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7DEB0
- F8E2B9
- F9E5C2
- FAE9CB
- FBEDD4
- FCF0DC
- FCF4E5
- FDF8EE
- FEFBF6
Odcienie ciemniejsze
- D6BD91
- B7A27B
- 988766
- 7B6C52
- 5F543E
- 453C2C
- 2C251A
- 15110A
- 030201
Tony
- EAD1A3
- DDC7A0
- D1BE9C
- C5B598
- B9AC94
- AEA390
- A29A8C
- 979188
- 8B8984
Harmonie kolorów
Komplementarna +180°
- F6DAA7
Fireflies
- CDDFFF
≈ Arc Light
Analogowa -30° +30°
- F6DAA7
Fireflies
- FFD4BA
≈ Mom’s Love
- DEE3AC
≈ Cocktail Onion
Triada +120° +240°
- F6DAA7
Fireflies
- A3EDF3
≈ Permafrost
- F6CEFB
≈ Sassy Pink
Komplementarna rozszczepiona +150° +210°
- F6DAA7
Fireflies
- B7E6FF
≈ Frozen Landscape
- DED8FF
≈ Transparent Blue
Tetrada +90° +180° +270°
- F6DAA7
Fireflies
- ACEED9
≈ Faint Clover
- CDDFFF
≈ Arc Light
- FFCEE2
≈ Linnet Egg Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.50:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--fireflies: #f6daa7;
--fireflies-rgb: 246 218 167;
--fireflies-oklch: oklch(0.899 0.073 82.3);
}
.element {
color: var(--fireflies);
background-color: hsl(39 81% 81%);
border-color: oklch(0.899 0.073 82.3);
}Tailwind CSS v4
@theme {
--color-fireflies: #f6daa7;
--color-fireflies-50: #fff4de;
--color-fireflies-100: #f3e6cd;
--color-fireflies-200: #e3d2b2;
--color-fireflies-300: #c9b58d;
--color-fireflies-400: #b49b6d;
--color-fireflies-500: #9e824c;
--color-fireflies-600: #866e41;
--color-fireflies-700: #6b5833;
--color-fireflies-800: #504024;
--color-fireflies-900: #372c18;
--color-fireflies-950: #221909;
}SCSS
$fireflies: #f6daa7;
$fireflies-rgb: 246, 218, 167;
$fireflies-light: mix(#fff, $fireflies, 20%);
$fireflies-dark: mix(#000, $fireflies, 20%);
.element {
color: $fireflies;
box-shadow: 0 0 0 2px rgba($fireflies, 0.35);
}