Adlandırılmış renk · #307D67
Trans Tasman
Trans Tasman, #307D67: rgb(48 125 103), hsl(163 45% 34%), oklch(0.535 0.084 171.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Trans Tasman color name →
#307D67
oklch(0.535 0.084 171.2)
Renk dönüşümleri
- HEX
- #307d67
- RGB
- rgb(48 125 103)
- HSL
- hsl(163 45% 34%)
- HWB
- hwb(163 19% 51%)
- OKLCH
- oklch(0.535 0.084 171.2)
- OKLab
- oklab(0.535 -0.083 0.013)
- CIE Lab
- lab(47.21 -29.04 4.64)
- LCH
- lch(47.21 29.4 170.9)
- CMYK
- cmyk(62% 0% 18% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 488975
- 5D9683
- 72A392
- 86B0A1
- 9ABDB0
- AECABF
- C2D7CF
- D6E4DF
- EAF2EF
Koyu tonlar
- 286C59
- 215B4B
- 1A4B3D
- 133B30
- 0C2C23
- 061E17
- 03110C
- 010504
- 000100
Gri tonlar
- 3B7D69
- 457E6C
- 4E7E6E
- 567F71
- 5E7F73
- 657F76
- 6C8078
- 73807B
- 7A807D
Renk uyumları
Tamamlayıcı +180°
- 307D67
Trans Tasman
- 925973
≈ Carnation Festival
Analog -30° +30°
- 307D67
Trans Tasman
- 517A4B
≈ Autumn Fern
- 1C7C81
≈ Macquarie
Üçlü +120° +240°
- 307D67
Trans Tasman
- 6E649A
≈ Scampi
- 945F3F
≈ Cinnamon Spice
Bölünmüş tamamlayıcı +150° +210°
- 307D67
Trans Tasman
- 845D8B
≈ Crushed Grape
- 985958
≈ Walleye
Dörtlü +90° +180° +270°
- 307D67
Trans Tasman
- 526D9E
≈ Chesty Bond
- 925973
≈ Carnation Festival
- 86682F
≈ Hunting Jacket
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.93:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.25:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--trans-tasman: #307d67;
--trans-tasman-rgb: 48 125 103;
--trans-tasman-oklch: oklch(0.535 0.084 171.2);
}
.element {
color: var(--trans-tasman);
background-color: hsl(163 45% 34%);
border-color: oklch(0.535 0.084 171.2);
}Tailwind CSS v4
@theme {
--color-trans-tasman: #307d67;
--color-trans-tasman-50: #defdf3;
--color-trans-tasman-100: #cdf2e5;
--color-trans-tasman-200: #b0e0d1;
--color-trans-tasman-300: #8ac6b3;
--color-trans-tasman-400: #68af98;
--color-trans-tasman-500: #42987f;
--color-trans-tasman-600: #3a816b;
--color-trans-tasman-700: #2e6756;
--color-trans-tasman-800: #214c3d;
--color-trans-tasman-900: #16352a;
--color-trans-tasman-950: #062018;
}SCSS
$trans-tasman: #307d67;
$trans-tasman-rgb: 48, 125, 103;
$trans-tasman-light: mix(#fff, $trans-tasman, 20%);
$trans-tasman-dark: mix(#000, $trans-tasman, 20%);
.element {
color: $trans-tasman;
box-shadow: 0 0 0 2px rgba($trans-tasman, 0.35);
}