Nazwany kolor · #FABC46
Samoan Sun
Samoan Sun to #FABC46: rgb(250 188 70), hsl(39 95% 63%), oklch(0.832 0.148 79.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Samoan Sun color name →
#FABC46
oklch(0.832 0.148 79.9)
Konwersje koloru
- HEX
- #fabc46
- RGB
- rgb(250 188 70)
- HSL
- hsl(39 95% 63%)
- HWB
- hwb(39 27% 2%)
- OKLCH
- oklch(0.832 0.148 79.9)
- OKLab
- oklab(0.832 0.026 0.145)
- CIE Lab
- lab(80.57 15.15 65.62)
- LCH
- lch(80.57 67.35 77)
- CMYK
- cmyk(0% 25% 72% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBC35F
- FCCA75
- FCD188
- FDD89A
- FEDFAC
- FEE5BD
- FEECCE
- FFF2DE
- FFF9EF
Odcienie ciemniejsze
- D9A33C
- BA8B32
- 9B7328
- 7D5D1E
- 614715
- 46320D
- 2D1F05
- 150D02
- 030200
Tony
- EDB651
- E1B05A
- D4AA62
- C8A568
- BC9F6E
- B09973
- A49377
- 988C7A
- 8C867D
Harmonie kolorów
Komplementarna +180°
- FABC46
Samoan Sun
- A8C9FF
≈ Night Snow
Analogowa -30° +30°
- FABC46
Samoan Sun
- FFB48B
≈ Coral Dusk
- CED051
≈ Southern Platyfish
Triada +120° +240°
- FABC46
Samoan Sun
- 00E3EC
≈ Tamarama
- EFAAFF
≈ Pink Sugar
Komplementarna rozszczepiona +150° +210°
- FABC46
Samoan Sun
- 7BD5FF
≈ Sky
- C6BFFF
≈ Lavender Tonic
Tetrada +90° +180° +270°
- FABC46
Samoan Sun
- 44E6B9
≈ Aquamarine
- A8C9FF
≈ Night Snow
- FFAAD2
≈ Majin Bū Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.34:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.34:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--samoan-sun: #fabc46;
--samoan-sun-rgb: 250 188 70;
--samoan-sun-oklch: oklch(0.832 0.148 79.9);
}
.element {
color: var(--samoan-sun);
background-color: hsl(39 95% 63%);
border-color: oklch(0.832 0.148 79.9);
}Tailwind CSS v4
@theme {
--color-samoan-sun: #fabc46;
--color-samoan-sun-50: #fff2c6;
--color-samoan-sun-100: #ffe4b0;
--color-samoan-sun-200: #f4cf8a;
--color-samoan-sun-300: #ddb058;
--color-samoan-sun-400: #cc9316;
--color-samoan-sun-500: #b87700;
--color-samoan-sun-600: #9c6500;
--color-samoan-sun-700: #7d5100;
--color-samoan-sun-800: #5e3a00;
--color-samoan-sun-900: #422800;
--color-samoan-sun-950: #2a1500;
}SCSS
$samoan-sun: #fabc46;
$samoan-sun-rgb: 250, 188, 70;
$samoan-sun-light: mix(#fff, $samoan-sun, 20%);
$samoan-sun-dark: mix(#000, $samoan-sun, 20%);
.element {
color: $samoan-sun;
box-shadow: 0 0 0 2px rgba($samoan-sun, 0.35);
}