Nazwany kolor · #F0CA4A
Solar Plexus Chakra
Solar Plexus Chakra to #F0CA4A: rgb(240 202 74), hsl(46 85% 62%), oklch(0.849 0.148 92.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Solar Plexus Chakra color name →
#F0CA4A
oklch(0.849 0.148 92.2)
Konwersje koloru
- HEX
- #f0ca4a
- RGB
- rgb(240 202 74)
- HSL
- hsl(46 85% 62%)
- HWB
- hwb(46 29% 6%)
- OKLCH
- oklch(0.849 0.148 92.2)
- OKLab
- oklab(0.849 -0.006 0.148)
- CIE Lab
- lab(82.99 4.23 65.97)
- LCH
- lch(82.99 66.11 86.3)
- CMYK
- cmyk(0% 16% 69% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2D063
- F3D578
- F5DB8B
- F6E09D
- F8E5AE
- F9EBBF
- FBF0CF
- FCF5DF
- FEFAEF
Odcienie ciemniejsze
- D1AF3F
- B29535
- 957C2A
- 786420
- 5D4D17
- 43370E
- 2A2206
- 140F02
- 030200
Tony
- E4C355
- D9BB5E
- CDB465
- C2AD6B
- B6A570
- AB9E74
- A09678
- 958F7B
- 8B877E
Harmonie kolorów
Komplementarna +180°
- F0CA4A
Solar Plexus Chakra
- BCCBFF
≈ Light Periwinkle
Analogowa -30° +30°
- F0CA4A
Solar Plexus Chakra
- FFBE85
≈ Orange Mousse
- BDDD68
≈ Citrus Lime
Triada +120° +240°
- F0CA4A
Solar Plexus Chakra
- 4BE4FF
≈ Shimmering Expanse Cyan
- FFAEF3
≈ Pink Wink
Komplementarna rozszczepiona +150° +210°
- F0CA4A
Solar Plexus Chakra
- 9ED5FF
≈ Malmö FF
- D8C0FF
≈ Lavender Fragrance
Tetrada +90° +180° +270°
- F0CA4A
Solar Plexus Chakra
- 22ECD5
≈ Frozen Boubble
- BCCBFF
≈ Light Periwinkle
- FFB6C9
≈ Baby Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.25:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--solar-plexus-chakra: #f0ca4a;
--solar-plexus-chakra-rgb: 240 202 74;
--solar-plexus-chakra-oklch: oklch(0.849 0.148 92.2);
}
.element {
color: var(--solar-plexus-chakra);
background-color: hsl(46 85% 62%);
border-color: oklch(0.849 0.148 92.2);
}Tailwind CSS v4
@theme {
--color-solar-plexus-chakra: #f0ca4a;
--color-solar-plexus-chakra-50: #fff5c6;
--color-solar-plexus-chakra-100: #f8e8b0;
--color-solar-plexus-chakra-200: #e9d48a;
--color-solar-plexus-chakra-300: #d0b657;
--color-solar-plexus-chakra-400: #be9b0f;
--color-solar-plexus-chakra-500: #a98000;
--color-solar-plexus-chakra-600: #8f6d00;
--color-solar-plexus-chakra-700: #735700;
--color-solar-plexus-chakra-800: #563f00;
--color-solar-plexus-chakra-900: #3c2b00;
--color-solar-plexus-chakra-950: #261800;
}SCSS
$solar-plexus-chakra: #f0ca4a;
$solar-plexus-chakra-rgb: 240, 202, 74;
$solar-plexus-chakra-light: mix(#fff, $solar-plexus-chakra, 20%);
$solar-plexus-chakra-dark: mix(#000, $solar-plexus-chakra, 20%);
.element {
color: $solar-plexus-chakra;
box-shadow: 0 0 0 2px rgba($solar-plexus-chakra, 0.35);
}