Color con nombre · #CBC4A2
Oyster White
Oyster White es #CBC4A2: rgb(203 196 162), hsl(50 28% 72%), oklch(0.817 0.047 97.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Oyster White color name →
#CBC4A2
oklch(0.817 0.047 97.7)
Conversiones de color
- HEX
- #cbc4a2
- RGB
- rgb(203 196 162)
- HSL
- hsl(50 28% 72%)
- HWB
- hwb(50 64% 20%)
- OKLCH
- oklch(0.817 0.047 97.7)
- OKLab
- oklab(0.817 -0.006 0.046)
- CIE Lab
- lab(79.07 -1.58 18.08)
- LCH
- lch(79.07 18.15 95)
- CMYK
- cmyk(0% 3% 20% 20%)
Tintes · Sombras · Tonos
Tintes
- D0CAAB
- D5D0B4
- DAD6BE
- DFDBC7
- E5E1D0
- EAE7D9
- EFEDE3
- F4F3EC
- FAF9F6
Sombras
- B0AA8C
- 969177
- 7D7863
- 65614F
- 4D4A3C
- 37352A
- 222119
- 0F0E0A
- 020201
Tonos
- C3BD9F
- BBB69B
- B4AF98
- ACA895
- A5A191
- 9D9B8E
- 96948A
- 8E8D87
- 878783
Armonías de color
Complementario +180°
- CBC4A2
Oyster White
- BBC1E2
≈ Canterbury Bells
Análogo -30° +30°
- CBC4A2
Oyster White
- D8BEA4
≈ Nut Flavour
- BBC9A9
≈ Pale Leaf
Triádico +120° +240°
- CBC4A2
Oyster White
- A2CBD7
≈ Regent St Blue
- D8B8CE
≈ Immortal Indigo
Complementario dividido +150° +210°
- CBC4A2
Oyster White
- ACC7E0
≈ Cumulus Cloud
- CBBCDB
≈ Sweet Lucid Dreams
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 11.95:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--oyster-white: #cbc4a2;
--oyster-white-rgb: 203 196 162;
--oyster-white-oklch: oklch(0.817 0.047 97.7);
}
.element {
color: var(--oyster-white);
background-color: hsl(50 28% 72%);
border-color: oklch(0.817 0.047 97.7);
}Tailwind CSS v4
@theme {
--color-oyster-white: #cbc4a2;
--color-oyster-white-50: #f8f6e7;
--color-oyster-white-100: #ebe9d7;
--color-oyster-white-200: #d9d5bf;
--color-oyster-white-300: #bdb89d;
--color-oyster-white-400: #a69f80;
--color-oyster-white-500: #8e8763;
--color-oyster-white-600: #787254;
--color-oyster-white-700: #605b43;
--color-oyster-white-800: #474230;
--color-oyster-white-900: #312e21;
--color-oyster-white-950: #1d1b10;
}SCSS
$oyster-white: #cbc4a2;
$oyster-white-rgb: 203, 196, 162;
$oyster-white-light: mix(#fff, $oyster-white, 20%);
$oyster-white-dark: mix(#000, $oyster-white, 20%);
.element {
color: $oyster-white;
box-shadow: 0 0 0 2px rgba($oyster-white, 0.35);
}