Nazwany kolor · #FBD795
Sun Splashed
Sun Splashed to #FBD795: rgb(251 215 149), hsl(39 93% 78%), oklch(0.895 0.093 82.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sun Splashed color name →
#FBD795
oklch(0.895 0.093 82.2)
Konwersje koloru
- HEX
- #fbd795
- RGB
- rgb(251 215 149)
- HSL
- hsl(39 93% 78%)
- HWB
- hwb(39 58% 2%)
- OKLCH
- oklch(0.895 0.093 82.2)
- OKLab
- oklab(0.895 0.013 0.092)
- CIE Lab
- lab(87.97 6.59 37.46)
- LCH
- lch(87.97 38.04 80)
- CMYK
- cmyk(0% 14% 41% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCDBA0
- FCDFAB
- FCE3B6
- FDE7C1
- FDEBCB
- FEEFD6
- FEF3E0
- FEF7EA
- FFFBF5
Odcienie ciemniejsze
- DABB81
- BA9F6D
- 9C855A
- 7E6B48
- 615237
- 463B26
- 2D2516
- 151108
- 030201
Tony
- EECE94
- E1C592
- D5BC90
- C8B48E
- BCAB8C
- B0A28A
- A39A88
- 989185
- 8C8883
Harmonie kolorów
Komplementarna +180°
- FBD795
Sun Splashed
- CADDFF
≈ Arc Light
Analogowa -30° +30°
- FBD795
Sun Splashed
- FFD2B7
≈ Sensual Peach
- DDE39B
≈ Curious
Triada +120° +240°
- FBD795
Sun Splashed
- 8EEFF7
≈ Shallow Water
- F8CAFF
≈ Sugar Chic
Komplementarna rozszczepiona +150° +210°
- FBD795
Sun Splashed
- B4E4FF
≈ Frozen Landscape
- DCD6FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- FBD795
Sun Splashed
- 9AF1D5
≈ Magic Mint
- CADDFF
≈ Arc Light
- FFCCE1
≈ Linnet Egg Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.25:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.25:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-splashed: #fbd795;
--sun-splashed-rgb: 251 215 149;
--sun-splashed-oklch: oklch(0.895 0.093 82.2);
}
.element {
color: var(--sun-splashed);
background-color: hsl(39 93% 78%);
border-color: oklch(0.895 0.093 82.2);
}Tailwind CSS v4
@theme {
--color-sun-splashed: #fbd795;
--color-sun-splashed-50: #fff4d8;
--color-sun-splashed-100: #f7e6c6;
--color-sun-splashed-200: #e7d2a8;
--color-sun-splashed-300: #ceb481;
--color-sun-splashed-400: #ba995d;
--color-sun-splashed-500: #a58036;
--color-sun-splashed-600: #8b6c2f;
--color-sun-splashed-700: #6f5625;
--color-sun-splashed-800: #533f19;
--color-sun-splashed-900: #3a2b10;
--color-sun-splashed-950: #241804;
}SCSS
$sun-splashed: #fbd795;
$sun-splashed-rgb: 251, 215, 149;
$sun-splashed-light: mix(#fff, $sun-splashed, 20%);
$sun-splashed-dark: mix(#000, $sun-splashed, 20%);
.element {
color: $sun-splashed;
box-shadow: 0 0 0 2px rgba($sun-splashed, 0.35);
}