Nazwany kolor · #C6CAB8
Celadon Tint
Celadon Tint to #C6CAB8: rgb(198 202 184), hsl(73 15% 76%), oklch(0.831 0.025 117.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Celadon Tint color name →
#C6CAB8
oklch(0.831 0.025 117.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCCFBF
- D1D4C6
- D7DACD
- DCDFD4
- E2E4DB
- E8EAE2
- EEEFE9
- F3F4F1
- F9FAF8
Odcienie ciemniejsze
- ACAFA0
- 929588
- 7A7C71
- 62645B
- 4B4D45
- 353731
- 21221E
- 0E0F0C
- 020202
Tony
- BFC2B2
- B8BBAD
- B0B3A7
- A9ACA1
- A2A49C
- 9B9D96
- 949690
- 8E8E8B
- 878785
Harmonie kolorów
Komplementarna +180°
- C6CAB8
Celadon Tint
- C9C5D6
≈ Amourette
Analogowa -30° +30°
- C6CAB8
Celadon Tint
- CEC7B6
≈ Simple Stone
- BDCCBE
≈ Organza Green
Triada +120° +240°
- C6CAB8
Celadon Tint
- B9CAD6
≈ Denim Light
- D6C1C8
≈ Pelican Bill
Komplementarna rozszczepiona +150° +210°
- C6CAB8
Celadon Tint
- C0C8D8
≈ Dancing Mist
- D1C2D0
≈ Amethyst Light Violet
Tetrada +90° +180° +270°
- C6CAB8
Celadon Tint
- B6CDD0
≈ Turquoise Grey
- C9C5D6
≈ Amourette
- D8C2BF
≈ Peony Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.54:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}