Benannte Farbe · #F4C8DB
British Rose
British Rose ist #F4C8DB: rgb(244 200 219), hsl(334 67% 87%), oklch(0.876 0.055 350.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · British Rose color name →
#F4C8DB
oklch(0.876 0.055 350.5)
Farbumrechnungen
- HEX
- #f4c8db
- RGB
- rgb(244 200 219)
- HSL
- hsl(334 67% 87%)
- HWB
- hwb(334 78% 4%)
- OKLCH
- oklch(0.876 0.055 350.5)
- OKLab
- oklab(0.876 0.055 -0.009)
- CIE Lab
- lab(84.91 18.3 -3.29)
- LCH
- lch(84.91 18.59 349.8)
- CMYK
- cmyk(0% 18% 10% 4%)
Tints · Shades · Tones
Tints
- F5CDDF
- F7D3E2
- F8D8E6
- F9DEE9
- FAE3ED
- FBE9F0
- FCEEF4
- FDF4F8
- FEF9FB
Shades
- D4AEBE
- B594A2
- 977B87
- 7A636D
- 5E4C54
- 44363C
- 2B2126
- 140F11
- 030202
Tones
- E8C1D2
- DCB9C8
- D0B2BF
- C4ABB6
- B9A3AC
- AD9CA3
- A2959A
- 968E91
- 8B8789
Farbharmonien
Komplementär +180°
- F4C8DB
British Rose
- B3E3D1
≈ Crystal Rapids
Analog -30° +30°
- F4C8DB
British Rose
- E7CBED
≈ Bubblegum Crisis
- F9C9C7
≈ Sunday Best
Triadisch +120° +240°
- F4C8DB
British Rose
- D8DAB0
≈ Kohlrabi Green
- B2DEF4
≈ Azure Sky
Geteilt komplementär +150° +210°
- F4C8DB
British Rose
- C3E0BE
≈ Cuddle Bug
- ACE2E5
≈ Opal
Tetradisch +90° +180° +270°
- F4C8DB
British Rose
- EAD3AE
≈ Light Blond
- B3E3D1
≈ Crystal Rapids
- C2D8FC
≈ Oh Boy!
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.13:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--british-rose: #f4c8db;
--british-rose-rgb: 244 200 219;
--british-rose-oklch: oklch(0.876 0.055 350.5);
}
.element {
color: var(--british-rose);
background-color: hsl(334 67% 87%);
border-color: oklch(0.876 0.055 350.5);
}Tailwind CSS v4
@theme {
--color-british-rose: #f4c8db;
--color-british-rose-50: #ffeff7;
--color-british-rose-100: #f8e1ea;
--color-british-rose-200: #e8cbd6;
--color-british-rose-300: #cfacba;
--color-british-rose-400: #b991a3;
--color-british-rose-500: #a3778b;
--color-british-rose-600: #8a6576;
--color-british-rose-700: #6f515e;
--color-british-rose-800: #513b46;
--color-british-rose-900: #392830;
--color-british-rose-950: #23161c;
}SCSS
$british-rose: #f4c8db;
$british-rose-rgb: 244, 200, 219;
$british-rose-light: mix(#fff, $british-rose, 20%);
$british-rose-dark: mix(#000, $british-rose, 20%);
.element {
color: $british-rose;
box-shadow: 0 0 0 2px rgba($british-rose, 0.35);
}