Najbliższy nazwany kolor · #D6BB5F
#D6BB5F
Najbliższy nazwany kolor: Luxurious
#D6BB5F (rgb(214 187 95), hsl(46 59% 61%), oklch(0.797 0.116 93.3)) jest najbliższy nazwanemu kolorowi Luxurious. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D6BB5F
oklch(0.797 0.116 93.3)
Konwersje koloru
- HEX
- #d6bb5f
- RGB
- rgb(214 187 95)
- HSL
- hsl(46 59% 61%)
- HWB
- hwb(46 37% 16%)
- OKLCH
- oklch(0.797 0.116 93.3)
- OKLab
- oklab(0.797 -0.007 0.116)
- CIE Lab
- lab(76.85 1.75 49.54)
- LCH
- lch(76.85 49.57 88)
- CMYK
- cmyk(0% 13% 56% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAC271
- DEC982
- E2D093
- E6D7A3
- EADDB2
- EEE4C2
- F3EBD1
- F7F2E0
- FBF8F0
Odcienie ciemniejsze
- BAA252
- 9E8A44
- 847338
- 6A5C2C
- 524620
- 3B3215
- 251F0A
- 100D03
- 020200
Tony
- CDB565
- C4AF69
- BBA96E
- B3A371
- AA9E75
- A19878
- 99927A
- 918C7C
- 88867E
Harmonie kolorów
Komplementarna +180°
- D6BB5F
Luxurious
- A7B8FF
≈ Truesky Gloxym
Analogowa -30° +30°
- D6BB5F
Luxurious
- F1AC6A
≈ Lion of Menecrates
- AEC973
≈ Young Leaf
Triada +120° +240°
- D6BB5F
Luxurious
- 4FD0E9
≈ Watercourse
- EAA0DC
≈ Candy Floss
Komplementarna rozszczepiona +150° +210°
- D6BB5F
Luxurious
- 7AC5FF
≈ Maya Blue
- CCAAFA
≈ Purple Hepatica
Tetrada +90° +180° +270°
- D6BB5F
Luxurious
- 53D5C4
≈ Jamaican Jade
- A7B8FF
≈ Truesky Gloxym
- FB9CB5
≈ Saira Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.88:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.13:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--luxurious: #d6bb5f;
--luxurious-rgb: 214 187 95;
--luxurious-oklch: oklch(0.797 0.116 93.3);
}
.element {
color: var(--luxurious);
background-color: hsl(46 59% 61%);
border-color: oklch(0.797 0.116 93.3);
}Tailwind CSS v4
@theme {
--color-luxurious: #d6bb5f;
--color-luxurious-50: #fff6d0;
--color-luxurious-100: #f4e8bd;
--color-luxurious-200: #e3d49c;
--color-luxurious-300: #cab771;
--color-luxurious-400: #b69d46;
--color-luxurious-500: #a08300;
--color-luxurious-600: #886f08;
--color-luxurious-700: #6d5908;
--color-luxurious-800: #514004;
--color-luxurious-900: #392c03;
--color-luxurious-950: #231900;
}SCSS
$luxurious: #d6bb5f;
$luxurious-rgb: 214, 187, 95;
$luxurious-light: mix(#fff, $luxurious, 20%);
$luxurious-dark: mix(#000, $luxurious, 20%);
.element {
color: $luxurious;
box-shadow: 0 0 0 2px rgba($luxurious, 0.35);
}