Warna bernama · #D3DBCB
Ottoman
Ottoman adalah #D3DBCB: rgb(211 219 203), hsl(90 18% 83%), oklch(0.881 0.023 128.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Ottoman color name →
#D3DBCB
oklch(0.881 0.023 128.8)
Konversi warna
- HEX
- #d3dbcb
- RGB
- rgb(211 219 203)
- HSL
- hsl(90 18% 83%)
- HWB
- hwb(90 80% 14%)
- OKLCH
- oklch(0.881 0.023 128.8)
- OKLab
- oklab(0.881 -0.015 0.018)
- CIE Lab
- lab(86.45 -4.94 6.91)
- LCH
- lch(86.45 8.49 125.5)
- CMYK
- cmyk(4% 0% 7% 14%)
Tint · Shade · Tone
Tint
- D7DFD0
- DCE2D5
- E0E6DA
- E4E9E0
- E9EDE5
- EDF1EA
- F2F4EF
- F6F8F4
- FBFBFA
Shade
- B7BEB0
- 9CA296
- 82877D
- 696D65
- 51544D
- 3A3C37
- 242622
- 10110F
- 020202
Tone
- CAD2C3
- C2C8BC
- B9BFB4
- B1B6AC
- A9ACA5
- A0A39D
- 989A96
- 90918F
- 888987
Harmoni warna
Komplementer +180°
- D3DBCB
Ottoman
- DCD4E4
≈ Tricot Lilac White
Analog -30° +30°
- D3DBCB
Ottoman
- DBD8C7
≈ Limestone
- CCDDD2
≈ Luminous Mist
Triadik +120° +240°
- D3DBCB
Ottoman
- CCD9E7
≈ Arctic Air
- E6D2D4
≈ Desert Mauve
Split-komplementer +150° +210°
- D3DBCB
Ottoman
- D4D7E7
≈ Cheerful Whisper
- E3D2DD
≈ Mauve Aquarelle
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.42:1 · APCA Lc 20
Ag
AAADi atas hitam
WCAG 14.76:1 · APCA Lc 83
Warna teks terbaik: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
Cuplikan kode
CSS
:root {
--ottoman: #d3dbcb;
--ottoman-rgb: 211 219 203;
--ottoman-oklch: oklch(0.881 0.023 128.8);
}
.element {
color: var(--ottoman);
background-color: hsl(90 18% 83%);
border-color: oklch(0.881 0.023 128.8);
}Tailwind CSS v4
@theme {
--color-ottoman: #d3dbcb;
--color-ottoman-50: #f3f7f0;
--color-ottoman-100: #e5eae2;
--color-ottoman-200: #d1d6cc;
--color-ottoman-300: #b3baae;
--color-ottoman-400: #9aa193;
--color-ottoman-500: #818979;
--color-ottoman-600: #6e7467;
--color-ottoman-700: #585d52;
--color-ottoman-800: #40443b;
--color-ottoman-900: #2c2f29;
--color-ottoman-950: #191b17;
}SCSS
$ottoman: #d3dbcb;
$ottoman-rgb: 211, 219, 203;
$ottoman-light: mix(#fff, $ottoman, 20%);
$ottoman-dark: mix(#000, $ottoman, 20%);
.element {
color: $ottoman;
box-shadow: 0 0 0 2px rgba($ottoman, 0.35);
}