Named color · #F1D2C9
Texas Rose
Texas Rose is #F1D2C9: rgb(241 210 201), hsl(13 59% 87%), oklch(0.887 0.037 36.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Texas Rose color name →
#F1D2C9
oklch(0.887 0.037 36.8)
Color conversions
- HEX
- #f1d2c9
- RGB
- rgb(241 210 201)
- HSL
- hsl(13 59% 87%)
- HWB
- hwb(13 79% 5%)
- OKLCH
- oklch(0.887 0.037 36.8)
- OKLab
- oklab(0.887 0.03 0.022)
- CIE Lab
- lab(86.66 10.13 8.67)
- LCH
- lch(86.66 13.34 40.6)
- CMYK
- cmyk(0% 13% 17% 5%)
Tints · Shades · Tones
Tints
- F3D6CE
- F4DBD4
- F5DFD9
- F7E4DE
- F8E8E4
- FAEDE9
- FBF1EF
- FCF6F4
- FEFAFA
Shades
- D2B6AE
- B39B95
- 95817C
- 796864
- 5D504C
- 433936
- 2B2422
- 14100F
- 030202
Tones
- E5CAC1
- DAC1BA
- CEB9B3
- C2B0AB
- B7A8A4
- ACA09D
- A19895
- 96908E
- 8B8887
Color harmonies
Complementary +180°
- F1D2C9
Texas Rose
- C0E1EA
≈ Cotton Clouds
Analogous -30° +30°
- F1D2C9
Texas Rose
- F1D0D6
≈ Impatiens Petal
- EBD6C1
≈ Laguna Beach
Triadic +120° +240°
- F1D2C9
Texas Rose
- C7E2D0
≈ Enchanted
- D3D8F3
≈ Flax Bloom
Split-complementary +150° +210°
- F1D2C9
Texas Rose
- BFE2DE
≈ Sea Breath
- C7DDF2
≈ Blue Booties
Tetradic +90° +180° +270°
- F1D2C9
Texas Rose
- D3DFC5
≈ Dream Seascape
- C0E1EA
≈ Cotton Clouds
- E0D4EE
≈ Japan Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.80:1 · APCA Lc 83
Best text color: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--texas-rose: #f1d2c9;
--texas-rose-rgb: 241 210 201;
--texas-rose-oklch: oklch(0.887 0.037 36.8);
}
.element {
color: var(--texas-rose);
background-color: hsl(13 59% 87%);
border-color: oklch(0.887 0.037 36.8);
}Tailwind CSS v4
@theme {
--color-texas-rose: #f1d2c9;
--color-texas-rose-50: #fff2ed;
--color-texas-rose-100: #f4e4df;
--color-texas-rose-200: #e3cfc9;
--color-texas-rose-300: #c9b1aa;
--color-texas-rose-400: #b3978f;
--color-texas-rose-500: #9d7e75;
--color-texas-rose-600: #856b63;
--color-texas-rose-700: #6a554f;
--color-texas-rose-800: #4e3e3a;
--color-texas-rose-900: #362b28;
--color-texas-rose-950: #211816;
}SCSS
$texas-rose: #f1d2c9;
$texas-rose-rgb: 241, 210, 201;
$texas-rose-light: mix(#fff, $texas-rose, 20%);
$texas-rose-dark: mix(#000, $texas-rose, 20%);
.element {
color: $texas-rose;
box-shadow: 0 0 0 2px rgba($texas-rose, 0.35);
}