Named color · #E6BAA9
Tofino
Tofino is #E6BAA9: rgb(230 186 169), hsl(17 55% 78%), oklch(0.823 0.056 42.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Tofino color name →
#E6BAA9
oklch(0.823 0.056 42.2)
Color conversions
- HEX
- #e6baa9
- RGB
- rgb(230 186 169)
- HSL
- hsl(17 55% 78%)
- HWB
- hwb(17 66% 10%)
- OKLCH
- oklch(0.823 0.056 42.2)
- OKLab
- oklab(0.823 0.042 0.038)
- CIE Lab
- lab(79.16 14.51 14.95)
- LCH
- lch(79.16 20.84 45.9)
- CMYK
- cmyk(0% 19% 27% 10%)
Tints · Shades · Tones
Tints
- E9C1B1
- EBC8BA
- EECFC2
- F1D5CB
- F3DCD4
- F6E3DC
- F8EAE5
- FAF1ED
- FDF8F6
Shades
- C8A192
- AB897C
- 8E7267
- 735C53
- 59463F
- 40322C
- 281E1B
- 130D0A
- 030201
Tones
- DCB4A5
- D1AEA1
- C7A89D
- BCA399
- B29D94
- A89790
- 9E918C
- 948B88
- 8A8684
Color harmonies
Complementary +180°
- E6BAA9
Tofino
- 9ECEE0
≈ Intercoastal
Analogous -30° +30°
- E6BAA9
Tofino
- E7B7BB
≈ Roseate Hues
- DCC09E
≈ Golden Gate
Triadic +120° +240°
- E6BAA9
Tofino
- A5D1BA
≈ Taffy Twist
- BFC1EA
≈ Violet Gems
Split-complementary +150° +210°
- E6BAA9
Tofino
- 9BD1CF
≈ Morning Glory
- ACC8E9
≈ Breeze
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.75:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.96:1 · APCA Lc 71
Best text color: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--tofino: #e6baa9;
--tofino-rgb: 230 186 169;
--tofino-oklch: oklch(0.823 0.056 42.2);
}
.element {
color: var(--tofino);
background-color: hsl(17 55% 78%);
border-color: oklch(0.823 0.056 42.2);
}Tailwind CSS v4
@theme {
--color-tofino: #e6baa9;
--color-tofino-50: #fff1e8;
--color-tofino-100: #f9e2d9;
--color-tofino-200: #eacdc1;
--color-tofino-300: #d1afa0;
--color-tofino-400: #bc9485;
--color-tofino-500: #a77a69;
--color-tofino-600: #8d6859;
--color-tofino-700: #715347;
--color-tofino-800: #543c34;
--color-tofino-900: #3a2923;
--color-tofino-950: #241712;
}SCSS
$tofino: #e6baa9;
$tofino-rgb: 230, 186, 169;
$tofino-light: mix(#fff, $tofino, 20%);
$tofino-dark: mix(#000, $tofino, 20%);
.element {
color: $tofino;
box-shadow: 0 0 0 2px rgba($tofino, 0.35);
}