Nazwany kolor · #C4AE96
Persuasion
Persuasion to #C4AE96: rgb(196 174 150), hsl(31 28% 68%), oklch(0.763 0.042 69.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Persuasion color name →
#C4AE96
oklch(0.763 0.042 69.6)
Konwersje koloru
- HEX
- #c4ae96
- RGB
- rgb(196 174 150)
- HSL
- hsl(31 28% 68%)
- HWB
- hwb(31 59% 23%)
- OKLCH
- oklch(0.763 0.042 69.6)
- OKLab
- oklab(0.763 0.015 0.039)
- CIE Lab
- lab(72.54 5.41 15.43)
- LCH
- lch(72.54 16.35 70.7)
- CMYK
- cmyk(0% 11% 23% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAB6A0
- D0BEAA
- D6C6B5
- DBCEBF
- E1D6CA
- E7DED4
- EDE6DF
- F3EEE9
- F9F7F4
Odcienie ciemniejsze
- AA9782
- 91806E
- 786A5B
- 615549
- 4A4137
- 352E26
- 211C16
- 0E0B08
- 020101
Tony
- BDA994
- B6A592
- AFA090
- A89B8D
- A2978B
- 9B9289
- 948E87
- 8D8985
- 878582
Harmonie kolorów
Komplementarna +180°
- C4AE96
Persuasion
- 9EB5CC
≈ Stellar Blue
Analogowa -30° +30°
- C4AE96
Persuasion
- CBAA9F
≈ Art Deco Pink
- B8B395
≈ Flour Sack
Triada +120° +240°
- C4AE96
Persuasion
- 94BBB8
≈ Turner’s Light
- BAABC7
≈ Fancy Pansy
Komplementarna rozszczepiona +150° +210°
- C4AE96
Persuasion
- 95B9C5
≈ Casual Day
- ACB0CD
≈ Purple Freedom
Tetrada +90° +180° +270°
- C4AE96
Persuasion
- 9CBBA9
≈ Reeds
- 9EB5CC
≈ Stellar Blue
- C5A8BB
≈ Fragrant Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.84:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--persuasion: #c4ae96;
--persuasion-rgb: 196 174 150;
--persuasion-oklch: oklch(0.763 0.042 69.6);
}
.element {
color: var(--persuasion);
background-color: hsl(31 28% 68%);
border-color: oklch(0.763 0.042 69.6);
}Tailwind CSS v4
@theme {
--color-persuasion: #c4ae96;
--color-persuasion-50: #fdf3e9;
--color-persuasion-100: #f1e6d9;
--color-persuasion-200: #e0d2c1;
--color-persuasion-300: #c5b4a1;
--color-persuasion-400: #af9b84;
--color-persuasion-500: #998268;
--color-persuasion-600: #816e59;
--color-persuasion-700: #675847;
--color-persuasion-800: #4c4033;
--color-persuasion-900: #352c23;
--color-persuasion-950: #201912;
}SCSS
$persuasion: #c4ae96;
$persuasion-rgb: 196, 174, 150;
$persuasion-light: mix(#fff, $persuasion, 20%);
$persuasion-dark: mix(#000, $persuasion, 20%);
.element {
color: $persuasion;
box-shadow: 0 0 0 2px rgba($persuasion, 0.35);
}