Nazwany kolor · #F0D1C3
Blushing
Blushing to #F0D1C3: rgb(240 209 195), hsl(19 60% 85%), oklch(0.883 0.04 45.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Blushing color name →
#F0D1C3
oklch(0.883 0.04 45.8)
Konwersje koloru
- HEX
- #f0d1c3
- RGB
- rgb(240 209 195)
- HSL
- hsl(19 60% 85%)
- HWB
- hwb(19 76% 6%)
- OKLCH
- oklch(0.883 0.04 45.8)
- OKLab
- oklab(0.883 0.028 0.029)
- CIE Lab
- lab(86.21 9.59 11.17)
- LCH
- lch(86.21 14.72 49.4)
- CMYK
- cmyk(0% 13% 19% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2D6C9
- F3DACF
- F5DFD5
- F6E3DB
- F8E8E1
- F9EDE7
- FBF1ED
- FCF6F3
- FEFAF9
Odcienie ciemniejsze
- D1B5A9
- B29B90
- 958178
- 786860
- 5D504A
- 433934
- 2A2320
- 14100E
- 030202
Tony
- E4C9BC
- D9C0B5
- CDB8AE
- C2B0A8
- B7A8A1
- ABA09A
- A09894
- 96908D
- 8B8887
Harmonie kolorów
Komplementarna +180°
- F0D1C3
Blushing
- BEDFED
≈ Tropical Pool
Analogowa -30° +30°
- F0D1C3
Blushing
- F2CED0
≈ Milkshake Pink
- E8D5BC
≈ Cake Crumbs
Triada +120° +240°
- F0D1C3
Blushing
- C1E1D2
≈ Otto Ice
- D5D5F2
≈ Flax Bloom
Komplementarna rozszczepiona +150° +210°
- F0D1C3
Blushing
- BBE1E1
≈ Mint Blue
- C8DAF3
≈ Fly a Kite
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.61:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--blushing: #f0d1c3;
--blushing-rgb: 240 209 195;
--blushing-oklch: oklch(0.883 0.04 45.8);
}
.element {
color: var(--blushing);
background-color: hsl(19 60% 85%);
border-color: oklch(0.883 0.04 45.8);
}Tailwind CSS v4
@theme {
--color-blushing: #f0d1c3;
--color-blushing-50: #fff2ec;
--color-blushing-100: #f4e4dd;
--color-blushing-200: #e3d0c6;
--color-blushing-300: #c9b2a6;
--color-blushing-400: #b3988b;
--color-blushing-500: #9d7e70;
--color-blushing-600: #856b5f;
--color-blushing-700: #6b564c;
--color-blushing-800: #4f3e37;
--color-blushing-900: #372b26;
--color-blushing-950: #221814;
}SCSS
$blushing: #f0d1c3;
$blushing-rgb: 240, 209, 195;
$blushing-light: mix(#fff, $blushing, 20%);
$blushing-dark: mix(#000, $blushing, 20%);
.element {
color: $blushing;
box-shadow: 0 0 0 2px rgba($blushing, 0.35);
}