Najbliższy nazwany kolor · #D48B3F
#D48B3F
Najbliższy nazwany kolor: Caramelise
#D48B3F (rgb(212 139 63), hsl(31 63% 54%), oklch(0.698 0.127 63.9)) jest najbliższy nazwanemu kolorowi Caramelise. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D48B3F
oklch(0.698 0.127 63.9)
Konwersje koloru
- HEX
- #d48b3f
- RGB
- rgb(212 139 63)
- HSL
- hsl(31 63% 54%)
- HWB
- hwb(31 25% 17%)
- OKLCH
- oklch(0.698 0.127 63.9)
- OKLab
- oklab(0.698 0.056 0.114)
- CIE Lab
- lab(64.53 23.8 51.08)
- LCH
- lch(64.53 56.35 65)
- CMYK
- cmyk(0% 34% 70% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D99756
- DEA26A
- E3AE7D
- E7BA90
- ECC5A3
- F0D1B5
- F4DCC8
- F8E8DA
- FBF3EC
Odcienie ciemniejsze
- B87835
- 9D662C
- 835423
- 69431B
- 513212
- 3A230A
- 241404
- 100701
- 020100
Tony
- CC8A49
- C48A51
- BB8959
- B38860
- AB8766
- A2866C
- 9A8471
- 918376
- 89827B
Harmonie kolorów
Komplementarna +180°
- D48B3F
Caramelise
- 4FA5E6
≈ High Blue
Analogowa -30° +30°
- D48B3F
Caramelise
- E17E68
≈ Sari
- B89C2F
≈ Buddha Gold
Triada +120° +240°
- D48B3F
Caramelise
- 00B6A6
≈ Aare River
- AF89DE
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D48B3F
Caramelise
- 00B0CC
≈ Havasupai Falls
- 8597EC
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- D48B3F
Caramelise
- 55B479
≈ Ming Green
- 4FA5E6
≈ High Blue
- CD7EBE
≈ Peruvian Lily
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.56:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.56:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--caramelise: #d48b3f;
--caramelise-rgb: 212 139 63;
--caramelise-oklch: oklch(0.698 0.127 63.9);
}
.element {
color: var(--caramelise);
background-color: hsl(31 63% 54%);
border-color: oklch(0.698 0.127 63.9);
}Tailwind CSS v4
@theme {
--color-caramelise: #d48b3f;
--color-caramelise-50: #ffefd0;
--color-caramelise-100: #ffe0bc;
--color-caramelise-200: #faca9b;
--color-caramelise-300: #e4aa6f;
--color-caramelise-400: #d28d47;
--color-caramelise-500: #bf7103;
--color-caramelise-600: #a1600c;
--color-caramelise-700: #824c0b;
--color-caramelise-800: #613707;
--color-caramelise-900: #442505;
--color-caramelise-950: #2c1400;
}SCSS
$caramelise: #d48b3f;
$caramelise-rgb: 212, 139, 63;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}