Nazwany kolor · #CAB5B2
Cold Turkey
Cold Turkey to #CAB5B2: rgb(202 181 178), hsl(8 18% 75%), oklch(0.79 0.025 27.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cold Turkey color name →
#CAB5B2
oklch(0.79 0.025 27.4)
Konwersje koloru
- HEX
- #cab5b2
- RGB
- rgb(202 181 178)
- HSL
- hsl(8 18% 75%)
- HWB
- hwb(8 70% 21%)
- OKLCH
- oklch(0.79 0.025 27.4)
- OKLab
- oklab(0.79 0.022 0.011)
- CIE Lab
- lab(75.43 7.39 4.42)
- LCH
- lch(75.43 8.61 30.9)
- CMYK
- cmyk(0% 10% 12% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFBCB9
- D5C3C1
- DACBC9
- DFD2D0
- E4D9D8
- EAE1E0
- EFE8E7
- F4F0EF
- FAF7F7
Odcienie ciemniejsze
- AF9D9A
- 958683
- 7C6F6D
- 645957
- 4D4443
- 37302F
- 221D1D
- 0F0C0C
- 020201
Tony
- C2B0AD
- BBAAA8
- B3A5A3
- AC9F9E
- A49A99
- 9D9594
- 96908F
- 8E8A8A
- 878585
Harmonie kolorów
Komplementarna +180°
- CAB5B2
Cold Turkey
- A9BFC3
≈ A-List Blue
Analogowa -30° +30°
- CAB5B2
Cold Turkey
- C9B4BB
≈ High Society
- C7B7AC
≈ Boardwalk Sashay
Triada +120° +240°
- CAB5B2
Cold Turkey
- B1BFB2
≈ Flagstaff Green
- B3BACB
≈ Heritage
Komplementarna rozszczepiona +150° +210°
- CAB5B2
Cold Turkey
- ABC0BA
≈ Garden Gazebo
- ADBDC9
≈ Simply Blue
Tetrada +90° +180° +270°
- CAB5B2
Cold Turkey
- B9BDAB
≈ Dry Catmint
- A9BFC3
≈ A-List Blue
- BCB8C9
≈ Cosmic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.76:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--cold-turkey: #cab5b2;
--cold-turkey-rgb: 202 181 178;
--cold-turkey-oklch: oklch(0.79 0.025 27.4);
}
.element {
color: var(--cold-turkey);
background-color: hsl(8 18% 75%);
border-color: oklch(0.79 0.025 27.4);
}Tailwind CSS v4
@theme {
--color-cold-turkey: #cab5b2;
--color-cold-turkey-50: #fcf3f1;
--color-cold-turkey-100: #f0e5e3;
--color-cold-turkey-200: #dfd1ce;
--color-cold-turkey-300: #c4b3b0;
--color-cold-turkey-400: #ad9997;
--color-cold-turkey-500: #96807d;
--color-cold-turkey-600: #7f6d6a;
--color-cold-turkey-700: #665755;
--color-cold-turkey-800: #4b3f3e;
--color-cold-turkey-900: #342c2b;
--color-cold-turkey-950: #1f1918;
}SCSS
$cold-turkey: #cab5b2;
$cold-turkey-rgb: 202, 181, 178;
$cold-turkey-light: mix(#fff, $cold-turkey, 20%);
$cold-turkey-dark: mix(#000, $cold-turkey, 20%);
.element {
color: $cold-turkey;
box-shadow: 0 0 0 2px rgba($cold-turkey, 0.35);
}