Nazwany kolor · #FF9BB7
Saira Red
Saira Red to #FF9BB7: rgb(255 155 183), hsl(343 100% 80%), oklch(0.799 0.123 2.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Saira Red color name →
#FF9BB7
oklch(0.799 0.123 2.2)
Konwersje koloru
- HEX
- #ff9bb7
- RGB
- rgb(255 155 183)
- HSL
- hsl(343 100% 80%)
- HWB
- hwb(343 61% 0%)
- OKLCH
- oklch(0.799 0.123 2.2)
- OKLab
- oklab(0.799 0.123 0.005)
- CIE Lab
- lab(75.21 40.71 2.29)
- LCH
- lch(75.21 40.78 3.2)
- CMYK
- cmyk(0% 39% 28% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFA5BE
- FFB0C5
- FFBACC
- FFC4D3
- FFCEDA
- FFD8E2
- FFE1E9
- FFEBF0
- FFF5F8
Odcienie ciemniejsze
- DE869F
- BE7287
- 9E5E70
- 804B5A
- 633945
- 482831
- 2E181E
- 16090C
- 030102
Tony
- F299B1
- E696AC
- D994A6
- CC91A1
- C08F9B
- B38C96
- A78990
- 9A868B
- 8D8385
Harmonie kolorów
Komplementarna +180°
- FF9BB7
Saira Red
- 4AD7C4
≈ Turquoise Panic
Analogowa -30° +30°
- FF9BB7
Saira Red
- EC9FE1
≈ Candy Floss
- FFA18E
≈ Tangerine Cream
Triada +120° +240°
- FF9BB7
Saira Red
- B0CA6D
≈ Young Leaf
- 7AC6FF
≈ Maya Blue
Komplementarna rozszczepiona +150° +210°
- FF9BB7
Saira Red
- 7DD496
≈ Enchanted Emerald
- 43D2EC
≈ Thousand Sons Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.62:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--saira-red: #ff9bb7;
--saira-red-rgb: 255 155 183;
--saira-red-oklch: oklch(0.799 0.123 2.2);
}
.element {
color: var(--saira-red);
background-color: hsl(343 100% 80%);
border-color: oklch(0.799 0.123 2.2);
}Tailwind CSS v4
@theme {
--color-saira-red: #ff9bb7;
--color-saira-red-50: #ffe7f1;
--color-saira-red-100: #ffd8e3;
--color-saira-red-200: #ffbfce;
--color-saira-red-300: #ed9db0;
--color-saira-red-400: #da7e98;
--color-saira-red-500: #c75f7f;
--color-saira-red-600: #a8516c;
--color-saira-red-700: #874156;
--color-saira-red-800: #642e40;
--color-saira-red-900: #461f2c;
--color-saira-red-950: #2d0f19;
}SCSS
$saira-red: #ff9bb7;
$saira-red-rgb: 255, 155, 183;
$saira-red-light: mix(#fff, $saira-red, 20%);
$saira-red-dark: mix(#000, $saira-red, 20%);
.element {
color: $saira-red;
box-shadow: 0 0 0 2px rgba($saira-red, 0.35);
}