Nazwany kolor · #DAB46F
Yellow Lab
Yellow Lab to #DAB46F: rgb(218 180 111), hsl(39 59% 65%), oklch(0.789 0.098 81.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Yellow Lab color name →
#DAB46F
oklch(0.789 0.098 81.5)
Konwersje koloru
- HEX
- #dab46f
- RGB
- rgb(218 180 111)
- HSL
- hsl(39 59% 65%)
- HWB
- hwb(39 44% 15%)
- OKLCH
- oklch(0.789 0.098 81.5)
- OKLab
- oklab(0.789 0.015 0.097)
- CIE Lab
- lab(75.63 7.88 40.41)
- LCH
- lch(75.63 41.18 79)
- CMYK
- cmyk(0% 17% 49% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEBC7E
- E2C38D
- E5CB9C
- E9D2AA
- EDDAB8
- F1E1C6
- F4E9D5
- F8F0E3
- FBF8F1
Odcienie ciemniejsze
- BD9C60
- A28551
- 876E42
- 6C5834
- 544427
- 3C301A
- 251D0E
- 110C04
- 020201
Tony
- D1AF72
- C8AA74
- BEA477
- B59F79
- AC9A7A
- A3957C
- 9A907D
- 928A7E
- 89857F
Harmonie kolorów
Komplementarna +180°
- DAB46F
Yellow Lab
- 97BBF9
≈ Truesky Gloxym
Analogowa -30° +30°
- DAB46F
Yellow Lab
- EDA880
≈ Orange Liqueur
- BCC175
≈ Zoodles
Triada +120° +240°
- DAB46F
Yellow Lab
- 63CDD4
≈ Throat Chakra
- D8A5E0
≈ Plum Juice
Komplementarna rozszczepiona +150° +210°
- DAB46F
Yellow Lab
- 75C6EE
≈ Spritzig
- BAAFF4
≈ Purple Sand
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.73:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellow-lab: #dab46f;
--yellow-lab-rgb: 218 180 111;
--yellow-lab-oklch: oklch(0.789 0.098 81.5);
}
.element {
color: var(--yellow-lab);
background-color: hsl(39 59% 65%);
border-color: oklch(0.789 0.098 81.5);
}Tailwind CSS v4
@theme {
--color-yellow-lab: #dab46f;
--color-yellow-lab-50: #fff3d6;
--color-yellow-lab-100: #f8e6c4;
--color-yellow-lab-200: #e8d1a5;
--color-yellow-lab-300: #d0b47d;
--color-yellow-lab-400: #bc9958;
--color-yellow-lab-500: #a77f2f;
--color-yellow-lab-600: #8d6b29;
--color-yellow-lab-700: #715621;
--color-yellow-lab-800: #543e16;
--color-yellow-lab-900: #3b2b0e;
--color-yellow-lab-950: #251802;
}SCSS
$yellow-lab: #dab46f;
$yellow-lab-rgb: 218, 180, 111;
$yellow-lab-light: mix(#fff, $yellow-lab, 20%);
$yellow-lab-dark: mix(#000, $yellow-lab, 20%);
.element {
color: $yellow-lab;
box-shadow: 0 0 0 2px rgba($yellow-lab, 0.35);
}