Nazwany kolor · #FFA26B
Sharegaki Persimmon
Sharegaki Persimmon to #FFA26B: rgb(255 162 107), hsl(22 100% 71%), oklch(0.795 0.131 50.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sharegaki Persimmon color name →
#FFA26B
oklch(0.795 0.131 50.6)
Konwersje koloru
- HEX
- #ffa26b
- RGB
- rgb(255 162 107)
- HSL
- hsl(22 100% 71%)
- HWB
- hwb(22 42% 0%)
- OKLCH
- oklch(0.795 0.131 50.6)
- OKLab
- oklab(0.795 0.083 0.101)
- CIE Lab
- lab(75.48 31.67 43.43)
- LCH
- lch(75.48 53.75 53.9)
- CMYK
- cmyk(0% 36% 58% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFAC7B
- FFB58A
- FFBF99
- FFC8A8
- FFD1B7
- FFDBC5
- FFE4D4
- FFEDE2
- FFF6F1
Odcienie ciemniejsze
- DE8C5C
- BE774E
- 9E633F
- 804F32
- 633C25
- 482A18
- 2E190D
- 160A04
- 030100
Tony
- F29F6E
- E69C72
- D99974
- CC9677
- C09279
- B38F7B
- A68B7C
- 9A887E
- 8D847F
Harmonie kolorów
Komplementarna +180°
- FFA26B
Sharegaki Persimmon
- 54CBFF
≈ Thor’s Thunder
Analogowa -30° +30°
- FFA26B
Sharegaki Persimmon
- FF9D9C
≈ Rubber Radish
- E7B24E
≈ Aztec Glimmer
Triada +120° +240°
- FFA26B
Sharegaki Persimmon
- 4ED7B0
≈ Channel Marker Green
- BCAFFF
≈ Winterspring Lilac
Komplementarna rozszczepiona +150° +210°
- FFA26B
Sharegaki Persimmon
- 1ED5DE
≈ Aztec Turquoise
- 96BDFF
≈ Truesky Gloxym
Tetrada +90° +180° +270°
- FFA26B
Sharegaki Persimmon
- 8CD17F
≈ Fluorescence
- 54CBFF
≈ Thor’s Thunder
- E29FF0
≈ VIC 20 Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.63:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.63:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--sharegaki-persimmon: #ffa26b;
--sharegaki-persimmon-rgb: 255 162 107;
--sharegaki-persimmon-oklch: oklch(0.795 0.131 50.6);
}
.element {
color: var(--sharegaki-persimmon);
background-color: hsl(22 100% 71%);
border-color: oklch(0.795 0.131 50.6);
}Tailwind CSS v4
@theme {
--color-sharegaki-persimmon: #ffa26b;
--color-sharegaki-persimmon-50: #ffecd3;
--color-sharegaki-persimmon-100: #ffddc0;
--color-sharegaki-persimmon-200: #ffc5a0;
--color-sharegaki-persimmon-300: #eda477;
--color-sharegaki-persimmon-400: #dc8652;
--color-sharegaki-persimmon-500: #c96826;
--color-sharegaki-persimmon-600: #aa5822;
--color-sharegaki-persimmon-700: #88471b;
--color-sharegaki-persimmon-800: #663213;
--color-sharegaki-persimmon-900: #48220c;
--color-sharegaki-persimmon-950: #2e1101;
}SCSS
$sharegaki-persimmon: #ffa26b;
$sharegaki-persimmon-rgb: 255, 162, 107;
$sharegaki-persimmon-light: mix(#fff, $sharegaki-persimmon, 20%);
$sharegaki-persimmon-dark: mix(#000, $sharegaki-persimmon, 20%);
.element {
color: $sharegaki-persimmon;
box-shadow: 0 0 0 2px rgba($sharegaki-persimmon, 0.35);
}