Benoemde kleur · #F7DDDB
Southern Beauty
Southern Beauty is #F7DDDB: rgb(247 221 219), hsl(4 64% 91%), oklch(0.918 0.029 23). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Southern Beauty color name →
#F7DDDB
oklch(0.918 0.029 23)
Kleurconversies
- HEX
- #f7dddb
- RGB
- rgb(247 221 219)
- HSL
- hsl(4 64% 91%)
- HWB
- hwb(4 86% 3%)
- OKLCH
- oklch(0.918 0.029 23)
- OKLab
- oklab(0.918 0.027 0.011)
- CIE Lab
- lab(90.24 9.02 4.43)
- LCH
- lch(90.24 10.05 26.2)
- CMYK
- cmyk(0% 11% 11% 3%)
Tinten · Schaduwen · Tonen
Tinten
- F8E0DF
- F9E4E2
- FAE7E6
- FAEBE9
- FBEEED
- FCF1F0
- FDF5F4
- FEF8F8
- FEFCFB
Schaduwen
- D7C0BE
- B7A4A2
- 998887
- 7C6E6D
- 605554
- 453D3C
- 2C2626
- 151111
- 030202
Tonen
- EBD3D2
- DECAC8
- D2C0BF
- C6B7B6
- BAADAC
- AEA4A3
- A29B9A
- 979291
- 8B8989
Kleurharmonieën
Complementair +180°
- F7DDDB
Southern Beauty
- CFEAEC
≈ Jet d’Eau
Analoog -30° +30°
- F7DDDB
Southern Beauty
- F5DDE6
≈ Ranunculus White
- F4DFD3
≈ Peach Shortcake
Triadisch +120° +240°
- F7DDDB
Southern Beauty
- D9E9D8
≈ Little Sprout
- DAE4F8
≈ Aquarelle Purple
Gesplitst complementair +150° +210°
- F7DDDB
Southern Beauty
- D2EBE2
≈ Icy Glacier
- D2E8F5
≈ Freezing Vapour
Tetradisch +90° +180° +270°
- F7DDDB
Southern Beauty
- E4E6D1
≈ Bleached Jade
- CFEAEC
≈ Jet d’Eau
- E4E1F6
≈ Lingering Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.32:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.32:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--southern-beauty: #f7dddb;
--southern-beauty-rgb: 247 221 219;
--southern-beauty-oklch: oklch(0.918 0.029 23);
}
.element {
color: var(--southern-beauty);
background-color: hsl(4 64% 91%);
border-color: oklch(0.918 0.029 23);
}Tailwind CSS v4
@theme {
--color-southern-beauty: #f7dddb;
--color-southern-beauty-50: #fdf2f1;
--color-southern-beauty-100: #f1e4e3;
--color-southern-beauty-200: #e0d0ce;
--color-southern-beauty-300: #c6b2b0;
--color-southern-beauty-400: #af9896;
--color-southern-beauty-500: #997f7d;
--color-southern-beauty-600: #816c6a;
--color-southern-beauty-700: #675655;
--color-southern-beauty-800: #4c3f3e;
--color-southern-beauty-900: #352b2b;
--color-southern-beauty-950: #201818;
}SCSS
$southern-beauty: #f7dddb;
$southern-beauty-rgb: 247, 221, 219;
$southern-beauty-light: mix(#fff, $southern-beauty, 20%);
$southern-beauty-dark: mix(#000, $southern-beauty, 20%);
.element {
color: $southern-beauty;
box-shadow: 0 0 0 2px rgba($southern-beauty, 0.35);
}