Adlandırılmış renk · #007367
Pharaoh’s Gem
Pharaoh’s Gem, #007367: rgb(0 115 103), hsl(174 100% 23%), oklch(0.499 0.089 182.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Pharaoh’s Gem color name →
#007367
oklch(0.499 0.089 182.4)
Renk dönüşümleri
- HEX
- #007367
- RGB
- rgb(0 115 103)
- HSL
- hsl(174 100% 23%)
- HWB
- hwb(174 0% 55%)
- OKLCH
- oklch(0.499 0.089 182.4)
- OKLab
- oklab(0.499 -0.089 -0.004)
- CIE Lab
- lab(42.93 -31.12 -1.63)
- LCH
- lch(42.93 31.16 183)
- CMYK
- cmyk(100% 0% 10% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F8075
- 4A8E83
- 629C92
- 79A9A1
- 8FB7B0
- A5C5BF
- BCD4CF
- D2E2DF
- E8F0EF
Koyu tonlar
- 006359
- 00544B
- 00453D
- 003630
- 002823
- 001B17
- 000F0C
- 000504
- 000100
Gri tonlar
- 207569
- 31766C
- 3E776E
- 497971
- 547A73
- 5D7B76
- 667D78
- 6F7E7B
- 787F7D
Renk uyumları
Tamamlayıcı +180°
- 007367
Pharaoh’s Gem
- 8C4C5E
≈ Hawthorn Rose
Analog -30° +30°
- 007367
Pharaoh’s Gem
- 367149
≈ Parsley Sprig
- 006F80
≈ Coastal Jetty
Üçlü +120° +240°
- 007367
Pharaoh’s Gem
- 6D568D
≈ Butterfly Bush
- 875627
≈ Precious Copper
Bölünmüş tamamlayıcı +150° +210°
- 007367
Pharaoh’s Gem
- 814F79
≈ Graphic Grape
- 8E4E42
≈ Earth Crust
Dörtlü +90° +180° +270°
- 007367
Pharaoh’s Gem
- 525F96
≈ Royal Marquis
- 8C4C5E
≈ Hawthorn Rose
- 75611C
≈ Brassy Brass
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.75:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.64:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--pharaoh-s-gem: #007367;
--pharaoh-s-gem-rgb: 0 115 103;
--pharaoh-s-gem-oklch: oklch(0.499 0.089 182.4);
}
.element {
color: var(--pharaoh-s-gem);
background-color: hsl(174 100% 23%);
border-color: oklch(0.499 0.089 182.4);
}Tailwind CSS v4
@theme {
--color-pharaoh-s-gem: #007367;
--color-pharaoh-s-gem-50: #dafef8;
--color-pharaoh-s-gem-100: #c8f2eb;
--color-pharaoh-s-gem-200: #aae1d9;
--color-pharaoh-s-gem-300: #82c7bd;
--color-pharaoh-s-gem-400: #5cb0a3;
--color-pharaoh-s-gem-500: #2d998b;
--color-pharaoh-s-gem-600: #298276;
--color-pharaoh-s-gem-700: #21685e;
--color-pharaoh-s-gem-800: #164c44;
--color-pharaoh-s-gem-900: #0f352f;
--color-pharaoh-s-gem-950: #02201b;
}SCSS
$pharaoh-s-gem: #007367;
$pharaoh-s-gem-rgb: 0, 115, 103;
$pharaoh-s-gem-light: mix(#fff, $pharaoh-s-gem, 20%);
$pharaoh-s-gem-dark: mix(#000, $pharaoh-s-gem, 20%);
.element {
color: $pharaoh-s-gem;
box-shadow: 0 0 0 2px rgba($pharaoh-s-gem, 0.35);
}