Adlandırılmış renk · #F6BC77
Amber Dawn
Amber Dawn, #F6BC77: rgb(246 188 119), hsl(33 88% 72%), oklch(0.833 0.109 70.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Amber Dawn color name →
#F6BC77
oklch(0.833 0.109 70.2)
Renk dönüşümleri
- HEX
- #f6bc77
- RGB
- rgb(246 188 119)
- HSL
- hsl(33 88% 72%)
- HWB
- hwb(33 47% 4%)
- OKLCH
- oklch(0.833 0.109 70.2)
- OKLab
- oklab(0.833 0.037 0.103)
- CIE Lab
- lab(80.56 15.81 43.17)
- LCH
- lch(80.56 45.97 69.9)
- CMYK
- cmyk(0% 24% 52% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7C386
- F9CA94
- FAD1A2
- FBD7AF
- FCDEBD
- FCE5CA
- FDEBD7
- FEF2E5
- FFF8F2
Koyu tonlar
- D6A367
- B78B57
- 987347
- 7B5D38
- 5F472A
- 45321C
- 2C1F10
- 150D05
- 030201
Gri tonlar
- EAB679
- DEB07B
- D2AA7D
- C6A47E
- BA9E7F
- AE987F
- A39280
- 978C80
- 8B8680
Renk uyumları
Tamamlayıcı +180°
- F6BC77
Amber Dawn
- 9ECDFF
≈ Apocyan
Analog -30° +30°
- F6BC77
Amber Dawn
- FFB499
≈ Island Girl
- D9CA74
≈ Sand Pyramid
Üçlü +120° +240°
- F6BC77
Amber Dawn
- 66DFD8
≈ Hammam Blue
- DEB5FE
≈ Light Violet
Bölünmüş tamamlayıcı +150° +210°
- F6BC77
Amber Dawn
- 6DD9FA
≈ Athena Blue
- BDC3FF
≈ Light Periwinkle
Dörtlü +90° +180° +270°
- F6BC77
Amber Dawn
- 85DFB0
≈ Jovial Jade
- 9ECDFF
≈ Apocyan
- F9ACDF
≈ Fresh Gum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.37:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--amber-dawn: #f6bc77;
--amber-dawn-rgb: 246 188 119;
--amber-dawn-oklch: oklch(0.833 0.109 70.2);
}
.element {
color: var(--amber-dawn);
background-color: hsl(33 88% 72%);
border-color: oklch(0.833 0.109 70.2);
}Tailwind CSS v4
@theme {
--color-amber-dawn: #f6bc77;
--color-amber-dawn-50: #fff1d4;
--color-amber-dawn-100: #ffe3c1;
--color-amber-dawn-200: #f2cda1;
--color-amber-dawn-300: #daaf78;
--color-amber-dawn-400: #c89352;
--color-amber-dawn-500: #b37824;
--color-amber-dawn-600: #986622;
--color-amber-dawn-700: #7a511b;
--color-amber-dawn-800: #5b3a12;
--color-amber-dawn-900: #40280b;
--color-amber-dawn-950: #281601;
}SCSS
$amber-dawn: #f6bc77;
$amber-dawn-rgb: 246, 188, 119;
$amber-dawn-light: mix(#fff, $amber-dawn, 20%);
$amber-dawn-dark: mix(#000, $amber-dawn, 20%);
.element {
color: $amber-dawn;
box-shadow: 0 0 0 2px rgba($amber-dawn, 0.35);
}