Benannte Farbe · #F08F90
Ikkonzome Pink
Ikkonzome Pink ist #F08F90: rgb(240 143 144), hsl(359 76% 75%), oklch(0.752 0.118 19.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ikkonzome Pink color name →
#F08F90
oklch(0.752 0.118 19.6)
Farbumrechnungen
- HEX
- #f08f90
- RGB
- rgb(240 143 144)
- HSL
- hsl(359 76% 75%)
- HWB
- hwb(359 56% 6%)
- OKLCH
- oklch(0.752 0.118 19.6)
- OKLab
- oklab(0.752 0.111 0.04)
- CIE Lab
- lab(70.01 37.7 16.16)
- LCH
- lch(70.01 41.02 23.2)
- CMYK
- cmyk(0% 40% 40% 6%)
Tints · Shades · Tones
Tints
- F39A9B
- F5A6A6
- F7B1B0
- F9BCBB
- FBC7C6
- FCD3D2
- FDDEDD
- FEE9E8
- FFF4F4
Shades
- D17C7D
- B2696A
- 955757
- 784545
- 5D3434
- 432424
- 2A1515
- 140707
- 030101
Tones
- E58E8F
- DA8D8D
- CF8C8B
- C48A8A
- B98988
- AE8787
- A28685
- 978483
- 8C8282
Farbharmonien
Komplementär +180°
- F08F90
Ikkonzome Pink
- 31C5CB
≈ Turquoise Surf
Analog -30° +30°
- F08F90
Ikkonzome Pink
- E68FBA
≈ Chewing Gum Pink
- EB9769
≈ Sawtooth Aak
Triadisch +120° +240°
- F08F90
Ikkonzome Pink
- 86C178
≈ Applegate
- 81AFF9
≈ Kitten’s Eye
Geteilt komplementär +150° +210°
- F08F90
Ikkonzome Pink
- 53C7A2
≈ Mermaid’s Kiss
- 51BCEA
≈ Clean Pool
Tetradisch +90° +180° +270°
- F08F90
Ikkonzome Pink
- B4B556
≈ Green Oasis
- 31C5CB
≈ Turquoise Surf
- ADA2F4
≈ Shy Moment
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.32:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.03:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.03:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--ikkonzome-pink: #f08f90;
--ikkonzome-pink-rgb: 240 143 144;
--ikkonzome-pink-oklch: oklch(0.752 0.118 19.6);
}
.element {
color: var(--ikkonzome-pink);
background-color: hsl(359 76% 75%);
border-color: oklch(0.752 0.118 19.6);
}Tailwind CSS v4
@theme {
--color-ikkonzome-pink: #f08f90;
--color-ikkonzome-pink-50: #ffe9e6;
--color-ikkonzome-pink-100: #ffd9d7;
--color-ikkonzome-pink-200: #ffc1be;
--color-ikkonzome-pink-300: #ee9f9d;
--color-ikkonzome-pink-400: #db8182;
--color-ikkonzome-pink-500: #c86266;
--color-ikkonzome-pink-600: #a95456;
--color-ikkonzome-pink-700: #884345;
--color-ikkonzome-pink-800: #653033;
--color-ikkonzome-pink-900: #472023;
--color-ikkonzome-pink-950: #2e0f12;
}SCSS
$ikkonzome-pink: #f08f90;
$ikkonzome-pink-rgb: 240, 143, 144;
$ikkonzome-pink-light: mix(#fff, $ikkonzome-pink, 20%);
$ikkonzome-pink-dark: mix(#000, $ikkonzome-pink, 20%);
.element {
color: $ikkonzome-pink;
box-shadow: 0 0 0 2px rgba($ikkonzome-pink, 0.35);
}