Nazwany kolor · #F9429E
Rose Bonbon
Rose Bonbon to #F9429E: rgb(249 66 158), hsl(330 94% 62%), oklch(0.673 0.23 354.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rose Bonbon color name →
#F9429E
oklch(0.673 0.23 354.7)
Konwersje koloru
- HEX
- #f9429e
- RGB
- rgb(249 66 158)
- HSL
- hsl(330 94% 62%)
- HWB
- hwb(330 26% 2%)
- OKLCH
- oklch(0.673 0.23 354.7)
- OKLab
- oklab(0.673 0.229 -0.021)
- CIE Lab
- lab(59.03 73.7 -7.2)
- LCH
- lch(59.03 74.05 354.4)
- CMYK
- cmyk(0% 73% 37% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FD5CA7
- FF71B1
- FF85BA
- FF98C4
- FFAACE
- FFBBD7
- FFCCE1
- FFDDEB
- FFEEF5
Odcienie ciemniejsze
- D93889
- B92F74
- 9A2560
- 7D1C4D
- 61143A
- 460B29
- 2C0518
- 150109
- 030001
Tony
- EE4E9B
- E35798
- D85F95
- CC6692
- C16C8F
- B5718C
- A97589
- 9C7986
- 8E7D83
Harmonie kolorów
Komplementarna +180°
- F9429E
Rose Bonbon
- 00AF91
≈ Hobgoblin
Analogowa -30° +30°
- F9429E
Rose Bonbon
- D855E3
≈ Pink Purple
- FF4D4E
≈ Blood Burst
Triada +120° +240°
- F9429E
Rose Bonbon
- 95A000
≈ Noxious
- 00A2E0
≈ Vanadyl Blue
Komplementarna rozszczepiona +150° +210°
- F9429E
Rose Bonbon
- 00B52E
≈ Pikkoro Green
- 00AAB7
≈ Bluebird
Tetrada +90° +180° +270°
- F9429E
Rose Bonbon
- BD8E00
≈ Moutarde de Bénichon
- 00AF91
≈ Hobgoblin
- 6090FF
≈ Deep Denim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.33:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.30:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.30:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-bonbon: #f9429e;
--rose-bonbon-rgb: 249 66 158;
--rose-bonbon-oklch: oklch(0.673 0.23 354.7);
}
.element {
color: var(--rose-bonbon);
background-color: hsl(330 94% 62%);
border-color: oklch(0.673 0.23 354.7);
}Tailwind CSS v4
@theme {
--color-rose-bonbon: #f9429e;
--color-rose-bonbon-50: #ffdaf6;
--color-rose-bonbon-100: #ffc8e9;
--color-rose-bonbon-200: #ffa9d6;
--color-rose-bonbon-300: #ff7eba;
--color-rose-bonbon-400: #ff53a6;
--color-rose-bonbon-500: #ed058f;
--color-rose-bonbon-600: #c91179;
--color-rose-bonbon-700: #a11061;
--color-rose-bonbon-800: #78094a;
--color-rose-bonbon-900: #550733;
--color-rose-bonbon-950: #38001f;
}SCSS
$rose-bonbon: #f9429e;
$rose-bonbon-rgb: 249, 66, 158;
$rose-bonbon-light: mix(#fff, $rose-bonbon, 20%);
$rose-bonbon-dark: mix(#000, $rose-bonbon, 20%);
.element {
color: $rose-bonbon;
box-shadow: 0 0 0 2px rgba($rose-bonbon, 0.35);
}