Benoemde kleur · #F9C0BE
Carnation Bloom
Carnation Bloom is #F9C0BE: rgb(249 192 190), hsl(2 83% 86%), oklch(0.858 0.066 20.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Carnation Bloom color name →
#F9C0BE
oklch(0.858 0.066 20.8)
Kleurconversies
- HEX
- #f9c0be
- RGB
- rgb(249 192 190)
- HSL
- hsl(2 83% 86%)
- HWB
- hwb(2 75% 2%)
- OKLCH
- oklch(0.858 0.066 20.8)
- OKLab
- oklab(0.858 0.062 0.023)
- CIE Lab
- lab(82.91 20.85 9.32)
- LCH
- lch(82.91 22.84 24.1)
- CMYK
- cmyk(0% 23% 24% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FAC6C4
- FBCDCB
- FCD3D1
- FDD9D8
- FDDFDE
- FEE6E5
- FEECEB
- FFF2F2
- FFF9F8
Schaduwen
- D9A7A5
- B98E8C
- 9A7675
- 7D5F5E
- 614948
- 463433
- 2C201F
- 150E0D
- 030202
Tonen
- EDB9B8
- E0B3B1
- D4ADAB
- C8A6A5
- BBA09F
- AF9998
- A39392
- 988D8C
- 8C8686
Kleurharmonieën
Complementair +180°
- F9C0BE
Carnation Bloom
- 9DDEE2
≈ Pale Pastel
Analoog -30° +30°
- F9C0BE
Carnation Bloom
- F3BFD6
≈ Cherry Blossom
- F5C5AA
≈ Peach Damask
Triadisch +120° +240°
- F9C0BE
Carnation Bloom
- BADCB3
≈ A Mann’s Mint
- B8D2FC
≈ Ice Cold Stare
Gesplitst complementair +150° +210°
- F9C0BE
Carnation Bloom
- A5DFCB
≈ Meristem
- A5D9F4
≈ Soft Summer Rain
Tetradisch +90° +180° +270°
- F9C0BE
Carnation Bloom
- D2D5A3
≈ Fresh Start
- 9DDEE2
≈ Pale Pastel
- D0CAF9
≈ Lavender Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.31:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--carnation-bloom: #f9c0be;
--carnation-bloom-rgb: 249 192 190;
--carnation-bloom-oklch: oklch(0.858 0.066 20.8);
}
.element {
color: var(--carnation-bloom);
background-color: hsl(2 83% 86%);
border-color: oklch(0.858 0.066 20.8);
}Tailwind CSS v4
@theme {
--color-carnation-bloom: #f9c0be;
--color-carnation-bloom-50: #ffeeec;
--color-carnation-bloom-100: #fde0de;
--color-carnation-bloom-200: #efcac7;
--color-carnation-bloom-300: #d7aba8;
--color-carnation-bloom-400: #c38f8e;
--color-carnation-bloom-500: #ae7573;
--color-carnation-bloom-600: #936362;
--color-carnation-bloom-700: #764f4e;
--color-carnation-bloom-800: #573939;
--color-carnation-bloom-900: #3d2727;
--color-carnation-bloom-950: #261515;
}SCSS
$carnation-bloom: #f9c0be;
$carnation-bloom-rgb: 249, 192, 190;
$carnation-bloom-light: mix(#fff, $carnation-bloom, 20%);
$carnation-bloom-dark: mix(#000, $carnation-bloom, 20%);
.element {
color: $carnation-bloom;
box-shadow: 0 0 0 2px rgba($carnation-bloom, 0.35);
}