Màu có tên gần nhất · #761700
#761700
Màu có tên gần nhất: Obscure Ogre
#761700 (rgb(118 23 0), hsl(12 100% 23%), oklch(0.37 0.133 34.1)) gần nhất với màu có tên Obscure Ogre. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#761700
oklch(0.37 0.133 34.1)
Chuyển đổi màu
- HEX
- #761700
- RGB
- rgb(118 23 0)
- HSL
- hsl(12 100% 23%)
- HWB
- hwb(12 0% 54%)
- OKLCH
- oklch(0.37 0.133 34.1)
- OKLab
- oklab(0.37 0.11 0.074)
- CIE Lab
- lab(25.7 40.41 37.98)
- LCH
- lch(25.7 55.45 43.2)
- CMYK
- cmyk(0% 81% 100% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 86321F
- 954938
- A35F4F
- B17567
- BF8B7F
- CDA297
- DAB9B1
- E6D0CA
- F3E7E4
Sắc đậm
- 661200
- 560E00
- 470A00
- 380600
- 290400
- 1C0200
- 0F0100
- 050000
- 010000
Sắc xám
- 792613
- 7B3222
- 7D3D2E
- 7F473A
- 805146
- 815B51
- 81645D
- 816D69
- 817774
Hòa sắc
Bổ túc +180°
- 761700
Obscure Ogre
- 004855
≈ Midnight Green
Tương đồng -30° +30°
- 761700
Obscure Ogre
- 731237
≈ Deep Claret
- 5E3400
≈ Chocolate Fantasies
Bộ ba +120° +240°
- 761700
Obscure Ogre
- 004D28
≈ Troll Green
- 2D3484
≈ Migol Blue
Bổ túc chia +150° +210°
- 761700
Obscure Ogre
- 004B44
≈ Aqua Deep
- 00436C
≈ Indigo Dye
Bộ bốn +90° +180° +270°
- 761700
Obscure Ogre
- 364700
≈ Garden Shadow
- 004855
≈ Midnight Green
- 502777
≈ Mystic Nights
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.09:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.89:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--obscure-ogre: #761700;
--obscure-ogre-rgb: 118 23 0;
--obscure-ogre-oklch: oklch(0.37 0.133 34.1);
}
.element {
color: var(--obscure-ogre);
background-color: hsl(12 100% 23%);
border-color: oklch(0.37 0.133 34.1);
}Tailwind CSS v4
@theme {
--color-obscure-ogre: #761700;
--color-obscure-ogre-50: #ffe9db;
--color-obscure-ogre-100: #ffd9ca;
--color-obscure-ogre-200: #ffc1ad;
--color-obscure-ogre-300: #f39f88;
--color-obscure-ogre-400: #e17f69;
--color-obscure-ogre-500: #cf6047;
--color-obscure-ogre-600: #af523d;
--color-obscure-ogre-700: #8c4130;
--color-obscure-ogre-800: #692e24;
--color-obscure-ogre-900: #4a1f18;
--color-obscure-ogre-950: #300f09;
}SCSS
$obscure-ogre: #761700;
$obscure-ogre-rgb: 118, 23, 0;
$obscure-ogre-light: mix(#fff, $obscure-ogre, 20%);
$obscure-ogre-dark: mix(#000, $obscure-ogre, 20%);
.element {
color: $obscure-ogre;
box-shadow: 0 0 0 2px rgba($obscure-ogre, 0.35);
}