Nazwany kolor · #FFB19A
Buttery Salmon
Buttery Salmon to #FFB19A: rgb(255 177 154), hsl(14 100% 80%), oklch(0.829 0.097 37.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Buttery Salmon color name →
#FFB19A
oklch(0.829 0.097 37.1)
Konwersje koloru
- HEX
- #ffb19a
- RGB
- rgb(255 177 154)
- HSL
- hsl(14 100% 80%)
- HWB
- hwb(14 60% 0%)
- OKLCH
- oklch(0.829 0.097 37.1)
- OKLab
- oklab(0.829 0.078 0.059)
- CIE Lab
- lab(79.46 27.31 23.87)
- LCH
- lch(79.46 36.27 41.2)
- CMYK
- cmyk(0% 31% 40% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFB9A4
- FFC1AE
- FFC9B8
- FFD1C2
- FFD8CC
- FFE0D6
- FFE8E0
- FFF0EB
- FFF7F5
Odcienie ciemniejsze
- DE9985
- BE8371
- 9E6C5E
- 80574B
- 634239
- 482F27
- 2E1C17
- 160C09
- 030101
Tony
- F2AC98
- E5A795
- D8A393
- CC9E90
- BF998E
- B2948B
- A68F88
- 998A86
- 8D8583
Harmonie kolorów
Komplementarna +180°
- FFB19A
Buttery Salmon
- 77D7F0
≈ Middle Blue
Analogowa -30° +30°
- FFB19A
Buttery Salmon
- FEADBC
≈ Poodle Skirt
- F2BB81
≈ Majestic Dune
Triada +120° +240°
- FFB19A
Buttery Salmon
- 90DBAE
≈ Peaceful Pastures
- B9C3FF
≈ Light Periwinkle
Komplementarna rozszczepiona +150° +210°
- FFB19A
Buttery Salmon
- 75DCD2
≈ Mintos
- 97CDFF
≈ Apocyan
Tetrada +90° +180° +270°
- FFB19A
Buttery Salmon
- B6D38E
≈ Al Green
- 77D7F0
≈ Middle Blue
- D8B7F9
≈ Pink Illusion
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.00:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--buttery-salmon: #ffb19a;
--buttery-salmon-rgb: 255 177 154;
--buttery-salmon-oklch: oklch(0.829 0.097 37.1);
}
.element {
color: var(--buttery-salmon);
background-color: hsl(14 100% 80%);
border-color: oklch(0.829 0.097 37.1);
}Tailwind CSS v4
@theme {
--color-buttery-salmon: #ffb19a;
--color-buttery-salmon-50: #ffece1;
--color-buttery-salmon-100: #ffded0;
--color-buttery-salmon-200: #fac7b6;
--color-buttery-salmon-300: #e4a793;
--color-buttery-salmon-400: #d18a75;
--color-buttery-salmon-500: #bd6e56;
--color-buttery-salmon-600: #a05d4a;
--color-buttery-salmon-700: #804a3b;
--color-buttery-salmon-800: #5f352b;
--color-buttery-salmon-900: #43241d;
--color-buttery-salmon-950: #2b130d;
}SCSS
$buttery-salmon: #ffb19a;
$buttery-salmon-rgb: 255, 177, 154;
$buttery-salmon-light: mix(#fff, $buttery-salmon, 20%);
$buttery-salmon-dark: mix(#000, $buttery-salmon, 20%);
.element {
color: $buttery-salmon;
box-shadow: 0 0 0 2px rgba($buttery-salmon, 0.35);
}