Nächste benannte Farbe · #F67262
#F67262
Nächste benannte Farbe: Camellia
#F67262 (rgb(246 114 98), hsl(6 89% 67%), oklch(0.706 0.165 28.9)) liegt am nächsten an der benannten Farbe Camellia. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F67262
oklch(0.706 0.165 28.9)
Farbumrechnungen
- HEX
- #f67262
- RGB
- rgb(246 114 98)
- HSL
- hsl(6 89% 67%)
- HWB
- hwb(6 38% 4%)
- OKLCH
- oklch(0.706 0.165 28.9)
- OKLab
- oklab(0.706 0.145 0.08)
- CIE Lab
- lab(64.41 50.81 34.53)
- LCH
- lch(64.41 61.43 34.2)
- CMYK
- cmyk(0% 54% 60% 4%)
Tints · Shades · Tones
Tints
- F98272
- FB9081
- FE9F91
- FFADA0
- FFBBB0
- FFC9C0
- FFD6CF
- FFE4DF
- FFF1EF
Shades
- D66254
- B75347
- 98443A
- 7B362D
- 5F2821
- 451B16
- 2C0E0B
- 150403
- 030100
Tones
- EB7566
- E07769
- D47A6D
- C97B70
- BD7D73
- B27E76
- A67F79
- 9A7F7B
- 8D807E
Farbharmonien
Komplementär +180°
- F67262
Camellia
- 00B5C9
≈ Lago Blue
Analog -30° +30°
- F67262
Camellia
- EF6F9E
≈ Shadow Azalea Pink
- EA820B
≈ Master Round Yellow
Triadisch +120° +240°
- F67262
Camellia
- 44BC64
≈ Forest Maid
- 7A9AFF
≈ Periwinkle Blue
Geteilt komplementär +150° +210°
- F67262
Camellia
- 00BAA2
≈ Aare River
- 00ABF7
≈ Krishna Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--camellia: #f67262;
--camellia-rgb: 246 114 98;
--camellia-oklch: oklch(0.706 0.165 28.9);
}
.element {
color: var(--camellia);
background-color: hsl(6 89% 67%);
border-color: oklch(0.706 0.165 28.9);
}Tailwind CSS v4
@theme {
--color-camellia: #f67262;
--color-camellia-50: #ffe5d9;
--color-camellia-100: #ffd4c7;
--color-camellia-200: #ffbaa9;
--color-camellia-300: #ff9683;
--color-camellia-400: #f07364;
--color-camellia-500: #de4f41;
--color-camellia-600: #bc4438;
--color-camellia-700: #97362c;
--color-camellia-800: #712621;
--color-camellia-900: #501916;
--color-camellia-950: #340907;
}SCSS
$camellia: #f67262;
$camellia-rgb: 246, 114, 98;
$camellia-light: mix(#fff, $camellia, 20%);
$camellia-dark: mix(#000, $camellia, 20%);
.element {
color: $camellia;
box-shadow: 0 0 0 2px rgba($camellia, 0.35);
}