Colore con nome · #C6CAB8
Celadon Tint
Celadon Tint è #C6CAB8: rgb(198 202 184), hsl(73 15% 76%), oklch(0.831 0.025 117.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Celadon Tint color name →
#C6CAB8
oklch(0.831 0.025 117.1)
Conversioni di colore
- HEX
- #c6cab8
- RGB
- rgb(198 202 184)
- HSL
- hsl(73 15% 76%)
- HWB
- hwb(73 72% 21%)
- OKLCH
- oklch(0.831 0.025 117.1)
- OKLab
- oklab(0.831 -0.011 0.022)
- CIE Lab
- lab(80.63 -3.81 8.52)
- LCH
- lch(80.63 9.33 114.1)
- CMYK
- cmyk(2% 0% 9% 21%)
Tinte · Ombre · Toni
Tinte
- CCCFBF
- D1D4C6
- D7DACD
- DCDFD4
- E2E4DB
- E8EAE2
- EEEFE9
- F3F4F1
- F9FAF8
Ombre
- ACAFA0
- 929588
- 7A7C71
- 62645B
- 4B4D45
- 353731
- 21221E
- 0E0F0C
- 020202
Toni
- BFC2B2
- B8BBAD
- B0B3A7
- A9ACA1
- A2A49C
- 9B9D96
- 949690
- 8E8E8B
- 878785
Armonie di colore
Complementare +180°
- C6CAB8
Celadon Tint
- C9C5D6
≈ Amourette
Analogo -30° +30°
- C6CAB8
Celadon Tint
- CEC7B6
≈ Simple Stone
- BDCCBE
≈ Organza Green
Triadico +120° +240°
- C6CAB8
Celadon Tint
- B9CAD6
≈ Denim Light
- D6C1C8
≈ Pelican Bill
Complementare divisa +150° +210°
- C6CAB8
Celadon Tint
- C0C8D8
≈ Dancing Mist
- D1C2D0
≈ Amethyst Light Violet
Tetradico +90° +180° +270°
- C6CAB8
Celadon Tint
- B6CDD0
≈ Turquoise Grey
- C9C5D6
≈ Amourette
- D8C2BF
≈ Peony Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.54:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--celadon-tint: #c6cab8;
--celadon-tint-rgb: 198 202 184;
--celadon-tint-oklch: oklch(0.831 0.025 117.1);
}
.element {
color: var(--celadon-tint);
background-color: hsl(73 15% 76%);
border-color: oklch(0.831 0.025 117.1);
}Tailwind CSS v4
@theme {
--color-celadon-tint: #c6cab8;
--color-celadon-tint-50: #f4f6ee;
--color-celadon-tint-100: #e7e9e0;
--color-celadon-tint-200: #d3d6ca;
--color-celadon-tint-300: #b6b9ab;
--color-celadon-tint-400: #9da190;
--color-celadon-tint-500: #858976;
--color-celadon-tint-600: #707464;
--color-celadon-tint-700: #5a5c50;
--color-celadon-tint-800: #42443a;
--color-celadon-tint-900: #2d2f28;
--color-celadon-tint-950: #1a1b16;
}SCSS
$celadon-tint: #c6cab8;
$celadon-tint-rgb: 198, 202, 184;
$celadon-tint-light: mix(#fff, $celadon-tint, 20%);
$celadon-tint-dark: mix(#000, $celadon-tint, 20%);
.element {
color: $celadon-tint;
box-shadow: 0 0 0 2px rgba($celadon-tint, 0.35);
}