Nazwany kolor · #A98A6B
Confidence
Confidence to #A98A6B: rgb(169 138 107), hsl(30 26% 54%), oklch(0.654 0.058 66.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Confidence color name →
#A98A6B
oklch(0.654 0.058 66.5)
Konwersje koloru
- HEX
- #a98a6b
- RGB
- rgb(169 138 107)
- HSL
- hsl(30 26% 54%)
- HWB
- hwb(30 42% 34%)
- OKLCH
- oklch(0.654 0.058 66.5)
- OKLab
- oklab(0.654 0.023 0.053)
- CIE Lab
- lab(59.83 8.87 21.31)
- LCH
- lch(59.83 23.08 67.4)
- CMYK
- cmyk(0% 18% 37% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B29579
- BAA188
- C3AC96
- CBB8A5
- D4C3B3
- DCCFC2
- E5DBD1
- EEE7E0
- F6F3F0
Odcienie ciemniejsze
- 92775C
- 7C654E
- 67533F
- 534232
- 3F3225
- 2C2218
- 1B140D
- 0A0704
- 010100
Tony
- A5896D
- A18870
- 9D8772
- 998674
- 958576
- 918478
- 8C837A
- 88827C
- 84817E
Harmonie kolorów
Komplementarna +180°
- A98A6B
Confidence
- 7494B2
≈ Cranberry Blue
Analogowa -30° +30°
- A98A6B
Confidence
- B18578
≈ Canyon Earth
- 9A9168
≈ Grey-Headed Woodpecker Green
Triada +120° +240°
- A98A6B
Confidence
- 679C96
≈ Canton
- 9988AD
≈ Celeb City
Komplementarna rozszczepiona +150° +210°
- A98A6B
Confidence
- 679AA7
≈ Cloudy Sea
- 878EB4
≈ Persian Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.21:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.53:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--confidence: #a98a6b;
--confidence-rgb: 169 138 107;
--confidence-oklch: oklch(0.654 0.058 66.5);
}
.element {
color: var(--confidence);
background-color: hsl(30 26% 54%);
border-color: oklch(0.654 0.058 66.5);
}Tailwind CSS v4
@theme {
--color-confidence: #a98a6b;
--color-confidence-50: #fff3e4;
--color-confidence-100: #f5e5d4;
--color-confidence-200: #e5d0bb;
--color-confidence-300: #cbb398;
--color-confidence-400: #b6987a;
--color-confidence-500: #a17f5d;
--color-confidence-600: #886c4f;
--color-confidence-700: #6d563f;
--color-confidence-800: #513e2d;
--color-confidence-900: #382b1e;
--color-confidence-950: #23180e;
}SCSS
$confidence: #a98a6b;
$confidence-rgb: 169, 138, 107;
$confidence-light: mix(#fff, $confidence, 20%);
$confidence-dark: mix(#000, $confidence, 20%);
.element {
color: $confidence;
box-shadow: 0 0 0 2px rgba($confidence, 0.35);
}