Adlandırılmış renk · #7F8B30
Absinthe Dreams
Absinthe Dreams, #7F8B30: rgb(127 139 48), hsl(68 49% 37%), oklch(0.608 0.116 116.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Absinthe Dreams color name →
#7F8B30
oklch(0.608 0.116 116.3)
Renk dönüşümleri
- HEX
- #7f8b30
- RGB
- rgb(127 139 48)
- HSL
- hsl(68 49% 37%)
- HWB
- hwb(68 19% 45%)
- OKLCH
- oklch(0.608 0.116 116.3)
- OKLab
- oklab(0.608 -0.051 0.104)
- CIE Lab
- lab(55.49 -14.07 45.17)
- LCH
- lch(55.49 47.31 107.3)
- CMYK
- cmyk(9% 0% 65% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B9648
- 97A25E
- A3AD72
- B0B986
- BCC49A
- C9D0AE
- D6DCC2
- E4E7D6
- F1F3EB
Koyu tonlar
- 6E7828
- 5D6621
- 4C541A
- 3C4313
- 2D320C
- 1F2306
- 111403
- 060701
- 010100
Gri tonlar
- 7F8A3C
- 7F8946
- 7F884E
- 7F8757
- 7F865E
- 7F8566
- 7F846C
- 808373
- 80817A
Renk uyumları
Tamamlayıcı +180°
- 7F8B30
Absinthe Dreams
- 8A73C0
≈ Middle Blue Purple
Analog -30° +30°
- 7F8B30
Absinthe Dreams
- A17D1C
≈ Hacienda
- 509558
≈ Ineffable Forest
Üçlü +120° +240°
- 7F8B30
Absinthe Dreams
- 2B8CBE
≈ Christmas Blue
- B86384
≈ Raspberry Parfait
Bölünmüş tamamlayıcı +150° +210°
- 7F8B30
Absinthe Dreams
- 6280C8
≈ Bodega Bay
- A669A7
≈ Iris Orchid
Dörtlü +90° +180° +270°
- 7F8B30
Absinthe Dreams
- 0094A2
≈ Tile Blue
- 8A73C0
≈ Middle Blue Purple
- BE655D
≈ Tapestry Red
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.72:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.63:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--absinthe-dreams: #7f8b30;
--absinthe-dreams-rgb: 127 139 48;
--absinthe-dreams-oklch: oklch(0.608 0.116 116.3);
}
.element {
color: var(--absinthe-dreams);
background-color: hsl(68 49% 37%);
border-color: oklch(0.608 0.116 116.3);
}Tailwind CSS v4
@theme {
--color-absinthe-dreams: #7f8b30;
--color-absinthe-dreams-50: #f1fad5;
--color-absinthe-dreams-100: #e4eec3;
--color-absinthe-dreams-200: #cfdca4;
--color-absinthe-dreams-300: #b1c07b;
--color-absinthe-dreams-400: #9aa753;
--color-absinthe-dreams-500: #828f25;
--color-absinthe-dreams-600: #6e7922;
--color-absinthe-dreams-700: #58611b;
--color-absinthe-dreams-800: #424710;
--color-absinthe-dreams-900: #2d310a;
--color-absinthe-dreams-950: #1a1d00;
}SCSS
$absinthe-dreams: #7f8b30;
$absinthe-dreams-rgb: 127, 139, 48;
$absinthe-dreams-light: mix(#fff, $absinthe-dreams, 20%);
$absinthe-dreams-dark: mix(#000, $absinthe-dreams, 20%);
.element {
color: $absinthe-dreams;
box-shadow: 0 0 0 2px rgba($absinthe-dreams, 0.35);
}