Colore con nome · #F7665A
Jinzamomi Pink
Jinzamomi Pink è #F7665A: rgb(247 102 90), hsl(5 91% 66%), oklch(0.691 0.18 27.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Jinzamomi Pink color name →
#F7665A
oklch(0.691 0.18 27.5)
Conversioni di colore
- HEX
- #f7665a
- RGB
- rgb(247 102 90)
- HSL
- hsl(5 91% 66%)
- HWB
- hwb(5 35% 3%)
- OKLCH
- oklch(0.691 0.18 27.5)
- OKLab
- oklab(0.691 0.16 0.083)
- CIE Lab
- lab(62.37 56.07 36.53)
- LCH
- lch(62.37 66.92 33.1)
- CMYK
- cmyk(0% 59% 64% 3%)
Tinte · Ombre · Toni
Tinte
- FA776B
- FD887B
- FF988B
- FFA79C
- FFB6AC
- FFC5BC
- FFD4CD
- FFE2DD
- FFF1EE
Ombre
- D7584D
- B74A41
- 993C35
- 7C2F29
- 60231E
- 451713
- 2C0C09
- 150403
- 030000
Toni
- EC6B5F
- E16F63
- D67268
- CA756C
- BF786F
- B37A73
- A77C76
- 9A7E7A
- 8D7F7D
Armonie di colore
Complementare +180°
- F7665A
Jinzamomi Pink
- 00AFC1
≈ Antigua Blue
Analogo -30° +30°
- F7665A
Jinzamomi Pink
- EF639C
≈ Shark Bait
- E67C00
≈ First of Fall
Triadico +120° +240°
- F7665A
Jinzamomi Pink
- 34B854
≈ Classic Green
- 6F95FF
≈ Blue Chaos
Complementare divisa +150° +210°
- F7665A
Jinzamomi Pink
- 00B59B
≈ Aare River
- 00A7ED
≈ Vivid Cerulean
Tetradico +90° +180° +270°
- F7665A
Jinzamomi Pink
- 95A700
≈ Augustus Asparagus
- 00AFC1
≈ Antigua Blue
- AA7EFB
≈ Purple Illusionist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.00:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.00:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--jinzamomi-pink: #f7665a;
--jinzamomi-pink-rgb: 247 102 90;
--jinzamomi-pink-oklch: oklch(0.691 0.18 27.5);
}
.element {
color: var(--jinzamomi-pink);
background-color: hsl(5 91% 66%);
border-color: oklch(0.691 0.18 27.5);
}Tailwind CSS v4
@theme {
--color-jinzamomi-pink: #f7665a;
--color-jinzamomi-pink-50: #ffe3d7;
--color-jinzamomi-pink-100: #ffd2c5;
--color-jinzamomi-pink-200: #ffb7a7;
--color-jinzamomi-pink-300: #ff9180;
--color-jinzamomi-pink-400: #f66d61;
--color-jinzamomi-pink-500: #e5453d;
--color-jinzamomi-pink-600: #c13c34;
--color-jinzamomi-pink-700: #9c3029;
--color-jinzamomi-pink-800: #74211f;
--color-jinzamomi-pink-900: #521615;
--color-jinzamomi-pink-950: #360606;
}SCSS
$jinzamomi-pink: #f7665a;
$jinzamomi-pink-rgb: 247, 102, 90;
$jinzamomi-pink-light: mix(#fff, $jinzamomi-pink, 20%);
$jinzamomi-pink-dark: mix(#000, $jinzamomi-pink, 20%);
.element {
color: $jinzamomi-pink;
box-shadow: 0 0 0 2px rgba($jinzamomi-pink, 0.35);
}