En yakın adlandırılmış renk · #390600
#390600
En yakın adlandırılmış renk: English Breakfast
#390600 (rgb(57 6 0), hsl(6 100% 11%), oklch(0.225 0.081 33.8)) en çok English Breakfast adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#390600
oklch(0.225 0.081 33.8)
Renk dönüşümleri
- HEX
- #390600
- RGB
- rgb(57 6 0)
- HSL
- hsl(6 100% 11%)
- HWB
- hwb(6 0% 78%)
- OKLCH
- oklch(0.225 0.081 33.8)
- OKLab
- oklab(0.225 0.067 0.045)
- CIE Lab
- lab(9.33 24.79 14.67)
- LCH
- lch(9.33 28.8 30.6)
- CMYK
- cmyk(0% 89% 100% 78%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4D1E14
- 60352B
- 744C42
- 87635B
- 9B7C74
- AE958E
- C2AEA9
- D6C9C5
- EBE4E2
Koyu tonlar
- 300400
- 280300
- 1F0200
- 170100
- 100100
- 090000
- 040000
- 010000
- 000000
Gri tonlar
- 41140A
- 492017
- 512C23
- 583730
- 5F433C
- 664F49
- 6D5B57
- 736764
- 7A7372
Renk uyumları
Tamamlayıcı +180°
- 390600
English Breakfast
- 002027
≈ Stellar Explorer
Analog -30° +30°
- 390600
English Breakfast
- 380417
≈ Ilvaite Black
- 2C1600
≈ Shadow Play
Üçlü +120° +240°
- 390600
English Breakfast
- 00230F
≈ Clock Chimes Thirteen
- 111541
≈ Deadly Depths
Bölünmüş tamamlayıcı +150° +210°
- 390600
English Breakfast
- 00221E
≈ Stellar Explorer
- 001E33
≈ Cyanophobia
Dörtlü +90° +180° +270°
- 390600
English Breakfast
- 162000
≈ Yuzu Soy
- 002027
≈ Stellar Explorer
- 240E3A
≈ Blacklist
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 17.49:1 · APCA Lc 104
Ag
FailSiyah üzerinde
WCAG 1.20:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 17.49:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--english-breakfast: #390600;
--english-breakfast-rgb: 57 6 0;
--english-breakfast-oklch: oklch(0.225 0.081 33.8);
}
.element {
color: var(--english-breakfast);
background-color: hsl(6 100% 11%);
border-color: oklch(0.225 0.081 33.8);
}Tailwind CSS v4
@theme {
--color-english-breakfast: #390600;
--color-english-breakfast-50: #ffeee5;
--color-english-breakfast-100: #ffdfd6;
--color-english-breakfast-200: #f5c9bd;
--color-english-breakfast-300: #dda99b;
--color-english-breakfast-400: #ca8d7f;
--color-english-breakfast-500: #b57262;
--color-english-breakfast-600: #996153;
--color-english-breakfast-700: #7b4d42;
--color-english-breakfast-800: #5b3831;
--color-english-breakfast-900: #402621;
--color-english-breakfast-950: #291410;
}SCSS
$english-breakfast: #390600;
$english-breakfast-rgb: 57, 6, 0;
$english-breakfast-light: mix(#fff, $english-breakfast, 20%);
$english-breakfast-dark: mix(#000, $english-breakfast, 20%);
.element {
color: $english-breakfast;
box-shadow: 0 0 0 2px rgba($english-breakfast, 0.35);
}