En yakın adlandırılmış renk · #954300
#954300
En yakın adlandırılmış renk: Otterly Brown
#954300 (rgb(149 67 0), hsl(27 100% 29%), oklch(0.482 0.128 49.6)) en çok Otterly Brown 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.
#954300
oklch(0.482 0.128 49.6)
Renk dönüşümleri
- HEX
- #954300
- RGB
- rgb(149 67 0)
- HSL
- hsl(27 100% 29%)
- HWB
- hwb(27 0% 42%)
- OKLCH
- oklch(0.482 0.128 49.6)
- OKLab
- oklab(0.482 0.083 0.098)
- CIE Lab
- lab(39.09 33.04 49.61)
- LCH
- lch(39.09 59.6 56.3)
- CMYK
- cmyk(0% 55% 100% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A15628
- AC6841
- B87B59
- C38D70
- CDA087
- D8B39F
- E2C5B6
- ECD8CE
- F6ECE6
Koyu tonlar
- 813900
- 6D2F00
- 5A2600
- 481D00
- 371400
- 260C00
- 160500
- 080100
- 010000
Gri tonlar
- 944A1A
- 93512A
- 915837
- 905E42
- 8E644D
- 8C6A58
- 897062
- 86756C
- 837B76
Renk uyumları
Tamamlayıcı +180°
- 954300
Otterly Brown
- 006789
≈ Pulsating Blue
Analog -30° +30°
- 954300
Otterly Brown
- 993A40
≈ Shin Godzilla
- 7C5600
≈ Qahvei Brown
Üçlü +120° +240°
- 954300
Otterly Brown
- 006F55
≈ Teal Dark Green
- 5E4EA1
≈ Ultrapurple Merge
Bölünmüş tamamlayıcı +150° +210°
- 954300
Otterly Brown
- 006C70
≈ Deep Lake
- 2F5CA5
≈ Miracle at Wrigley
Dörtlü +90° +180° +270°
- 954300
Otterly Brown
- 316F20
≈ Green-Eyed Monster
- 006789
≈ Pulsating Blue
- 7D438B
≈ Nightly Violet
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.81:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.08:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--otterly-brown: #954300;
--otterly-brown-rgb: 149 67 0;
--otterly-brown-oklch: oklch(0.482 0.128 49.6);
}
.element {
color: var(--otterly-brown);
background-color: hsl(27 100% 29%);
border-color: oklch(0.482 0.128 49.6);
}Tailwind CSS v4
@theme {
--color-otterly-brown: #954300;
--color-otterly-brown-50: #ffecd4;
--color-otterly-brown-100: #ffddc1;
--color-otterly-brown-200: #ffc5a2;
--color-otterly-brown-300: #eca57a;
--color-otterly-brown-400: #db8656;
--color-otterly-brown-500: #c8682c;
--color-otterly-brown-600: #a95927;
--color-otterly-brown-700: #87471f;
--color-otterly-brown-800: #653316;
--color-otterly-brown-900: #47220e;
--color-otterly-brown-950: #2e1102;
}SCSS
$otterly-brown: #954300;
$otterly-brown-rgb: 149, 67, 0;
$otterly-brown-light: mix(#fff, $otterly-brown, 20%);
$otterly-brown-dark: mix(#000, $otterly-brown, 20%);
.element {
color: $otterly-brown;
box-shadow: 0 0 0 2px rgba($otterly-brown, 0.35);
}