Nazwany kolor · #D7A361
Amber Brew
Amber Brew to #D7A361: rgb(215 163 97), hsl(34 60% 61%), oklch(0.75 0.104 71.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Amber Brew color name →
#D7A361
oklch(0.75 0.104 71.7)
Konwersje koloru
- HEX
- #d7a361
- RGB
- rgb(215 163 97)
- HSL
- hsl(34 60% 61%)
- HWB
- hwb(34 38% 16%)
- OKLCH
- oklch(0.75 0.104 71.7)
- OKLab
- oklab(0.75 0.033 0.099)
- CIE Lab
- lab(70.94 14.37 41.77)
- LCH
- lch(70.94 44.17 71)
- CMYK
- cmyk(0% 24% 55% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBAC72
- E0B582
- E4BF92
- E8C8A2
- ECD1B1
- F0DAC1
- F4E3D0
- F8EDE0
- FBF6EF
Odcienie ciemniejsze
- BB8D53
- 9F7846
- 856339
- 6B4F2D
- 523C21
- 3B2A15
- 25190B
- 110A03
- 020100
Tony
- CEA066
- C59C6A
- BD996D
- B49671
- AB9274
- A38F77
- 9A8B79
- 91877C
- 89847E
Harmonie kolorów
Komplementarna +180°
- D7A361
Amber Brew
- 7CB2EE
≈ Fly Away
Analogowa -30° +30°
- D7A361
Amber Brew
- E6987A
≈ Trumpet Flower
- BBB05F
≈ Gilded Pesto
Triada +120° +240°
- D7A361
Amber Brew
- 4FC3BE
≈ Port Hope
- C49BDE
≈ Somewhere in a Fairytale
Komplementarna rozszczepiona +150° +210°
- D7A361
Amber Brew
- 58BDDD
≈ Sea Capture
- A3A6EE
≈ Cold Lips
Tetrada +90° +180° +270°
- D7A361
Amber Brew
- 6DC39A
≈ Felt Green
- 7CB2EE
≈ Fly Away
- DB94C1
≈ Firm Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.30:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--amber-brew: #d7a361;
--amber-brew-rgb: 215 163 97;
--amber-brew-oklch: oklch(0.75 0.104 71.7);
}
.element {
color: var(--amber-brew);
background-color: hsl(34 60% 61%);
border-color: oklch(0.75 0.104 71.7);
}Tailwind CSS v4
@theme {
--color-amber-brew: #d7a361;
--color-amber-brew-50: #fff1d5;
--color-amber-brew-100: #fde3c2;
--color-amber-brew-200: #f0cea3;
--color-amber-brew-300: #d8b07b;
--color-amber-brew-400: #c59456;
--color-amber-brew-500: #b0792c;
--color-amber-brew-600: #956727;
--color-amber-brew-700: #77521f;
--color-amber-brew-800: #593b15;
--color-amber-brew-900: #3e290d;
--color-amber-brew-950: #271602;
}SCSS
$amber-brew: #d7a361;
$amber-brew-rgb: 215, 163, 97;
$amber-brew-light: mix(#fff, $amber-brew, 20%);
$amber-brew-dark: mix(#000, $amber-brew, 20%);
.element {
color: $amber-brew;
box-shadow: 0 0 0 2px rgba($amber-brew, 0.35);
}