色名 · #CB7077
Trout Pout
Trout Poutは#CB7077：rgb(203 112 119)、hsl(355 47% 62%)、oklch(0.649 0.115 15.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Trout Pout color name →
#CB7077
oklch(0.649 0.115 15.9)
カラー変換
- HEX
- #cb7077
- RGB
- rgb(203 112 119)
- HSL
- hsl(355 47% 62%)
- HWB
- hwb(355 44% 20%)
- OKLCH
- oklch(0.649 0.115 15.9)
- OKLab
- oklab(0.649 0.11 0.031)
- CIE Lab
- lab(58.06 37.18 12.95)
- LCH
- lch(58.06 39.37 19.2)
- CMYK
- cmyk(0% 45% 41% 20%)
ティント · シェード · トーン
ティント
- D17E84
- D88D91
- DE9B9E
- E3A9AB
- E9B7B9
- EEC5C7
- F2D4D5
- F7E2E3
- FBF0F1
シェード
- B06067
- 965157
- 7D4347
- 653538
- 4D272A
- 371A1C
- 220E10
- 0F0405
- 020101
トーン
- C47278
- BD7479
- B6767A
- AF787B
- A77A7C
- A07B7D
- 987D7D
- 907E7E
- 887F7F
カラーハーモニー
補色 +180°
- CB7077
Trout Pout
- 00A3A5
≈ Wax Crayon Blue
類似色 -30° +30°
- CB7077
Trout Pout
- C1719E
≈ Crocus
- C87750
≈ Sweet Carrot
トライアド +120° +240°
- CB7077
Trout Pout
- 6E9F56
≈ Astroturf
- 5E91D4
≈ Little Boy Blue
スプリットコンプリメンタリー +150° +210°
- CB7077
Trout Pout
- 38A57F
≈ Funk
- 259DC4
≈ Major Blue
テトラード +90° +180° +270°
- CB7077
Trout Pout
- 989335
≈ Plantain
- 00A3A5
≈ Wax Crayon Blue
- 8984D2
≈ Indigo Bloom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.42:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.12:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--trout-pout: #cb7077;
--trout-pout-rgb: 203 112 119;
--trout-pout-oklch: oklch(0.649 0.115 15.9);
}
.element {
color: var(--trout-pout);
background-color: hsl(355 47% 62%);
border-color: oklch(0.649 0.115 15.9);
}Tailwind CSS v4
@theme {
--color-trout-pout: #cb7077;
--color-trout-pout-50: #ffe9e9;
--color-trout-pout-100: #ffd9da;
--color-trout-pout-200: #ffc1c2;
--color-trout-pout-300: #eca0a1;
--color-trout-pout-400: #da8187;
--color-trout-pout-500: #c6636c;
--color-trout-pout-600: #a7545c;
--color-trout-pout-700: #874349;
--color-trout-pout-800: #643036;
--color-trout-pout-900: #462125;
--color-trout-pout-950: #2d1014;
}SCSS
$trout-pout: #cb7077;
$trout-pout-rgb: 203, 112, 119;
$trout-pout-light: mix(#fff, $trout-pout, 20%);
$trout-pout-dark: mix(#000, $trout-pout, 20%);
.element {
color: $trout-pout;
box-shadow: 0 0 0 2px rgba($trout-pout, 0.35);
}